Przeglądaj źródła
Deploying to gh-pages from @ gadenbuie/xaringanthemer@fc0ff801e8a13bdffc084cfc5f47a3b9cf52e755 🚀
gh-pages
100 zmienionych plików z 13397 dodań i 3273 usunięć
+ 32
- 65
dev/LICENSE-text.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><title>License • 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="License"><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]> | |||||
| <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> | |||||
| <!-- 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"><title>License • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="deps/headroom-0.11.0/headroom.min.js"></script><script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="deps/search-1.0.0/fuse.min.js"></script><script src="deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="License"><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-title-body"> | </nav><div class="container template-title-body"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="logo.png" class="logo" alt=""><h1>License</h1> | <img src="logo.png" class="logo" alt=""><h1>License</h1> | ||||
| </div> | </div> | ||||
| <pre>YEAR: 2020 | <pre>YEAR: 2020 | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="doc-versions.js"></script></body></html> | |||||
+ 33
- 65
dev/LICENSE.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><title>MIT License • 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="MIT License"><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]> | |||||
| <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> | |||||
| <!-- 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"><title>MIT License • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="deps/headroom-0.11.0/headroom.min.js"></script><script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="deps/search-1.0.0/fuse.min.js"></script><script src="deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="MIT License"><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-title-body"> | </nav><div class="container template-title-body"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="logo.png" class="logo" alt=""><h1>MIT License</h1> | <img src="logo.png" class="logo" alt=""><h1>MIT License</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/LICENSE.md" class="external-link"><code>LICENSE.md</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/LICENSE.md" class="external-link"><code>LICENSE.md</code></a></small> | |||||
| </div> | </div> | ||||
| <div id="mit-license" class="section level1"> | <div id="mit-license" class="section level1"> | ||||
| <p>Copyright (c) 2020 Garrick Aden-Buie</p> | <p>Copyright (c) 2020 Garrick Aden-Buie</p> | ||||
| <p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p> | <p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p> | ||||
| <p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p> | <p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="doc-versions.js"></script></body></html> | |||||
+ 87
- 89
dev/articles/fonts.html
Wyświetl plik
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
| <meta name="description" content="xaringanthemer"> | |||||
| <title>Fonts • xaringanthemer</title> | <title>Fonts • xaringanthemer</title> | ||||
| <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> | <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="76x76" href="../apple-touch-icon-76x76.png"> | ||||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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"> | <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"> | |||||
| <link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"> | |||||
| <script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"> | |||||
| <script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"> | |||||
| <meta property="og:title" content="Fonts"> | <meta property="og:title" content="Fonts"> | ||||
| <meta property="og:description" content="xaringanthemer"> | |||||
| <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"> | <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]> | |||||
| <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> | </head> | ||||
| <body> | <body> | ||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"> | <ul class="navbar-nav me-auto"> | ||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="active nav-item dropdown"> | <li class="active nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"> | |||||
| <ul class="navbar-nav"> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"> | |||||
| <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-article"> | </nav><div class="container template-article"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Fonts</h1> | <img src="../logo.png" class="logo" alt=""><h1>Fonts</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/fonts.Rmd" class="external-link"><code>vignettes/fonts.Rmd</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/vignettes/fonts.Rmd" class="external-link"><code>vignettes/fonts.Rmd</code></a></small> | |||||
| <div class="d-none name"><code>fonts.Rmd</code></div> | <div class="d-none name"><code>fonts.Rmd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="default-fonts">Default Fonts<a class="anchor" aria-label="anchor" href="#default-fonts"></a> | <h3 id="default-fonts">Default Fonts<a class="anchor" aria-label="anchor" href="#default-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p>The default heading and body fonts used in <strong>xaringanthemer</strong> are different than the xaringan default fonts. In xaringanthemer, <a href="https://fonts.google.com/specimen/Cabin" class="external-link">Cabin</a> is used for headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">Noto Sans</a> for body text.</p> | |||||
| <p>The default heading and body fonts used in | |||||
| <strong>xaringanthemer</strong> are different than the xaringan default | |||||
| fonts. In xaringanthemer, <a href="https://fonts.google.com/specimen/Cabin" class="external-link">Cabin</a> is used for | |||||
| headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">Noto | |||||
| Sans</a> for body text.</p> | |||||
| <div class="font-preview"> | <div class="font-preview"> | ||||
| <p style="font-size: 1.5em" class="cabin"> | <p style="font-size: 1.5em" class="cabin"> | ||||
| A Cabin in the Clearing | A Cabin in the Clearing | ||||
| </p> | </p> | ||||
| <p class="noto-sans"> | <p class="noto-sans"> | ||||
| Pack my box with five dozen liquor jugs. Amazingly few discotheques provide jukeboxes. | |||||
| Pack my box with five dozen liquor jugs. Amazingly few discotheques | |||||
| provide jukeboxes. | |||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| <p>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.org/xaringan/" class="external-link">default xaringan theme</a>, you can use the following arguments in your style function.</p> | |||||
| <p>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.org/xaringan/" class="external-link">default xaringan theme</a>, | |||||
| you can use the following arguments in your style function.</p> | |||||
| <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span></span> | ||||
| <span> text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,</span> | <span> text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,</span> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="custom-and-google-font-fonts">Custom and <em>Google Font</em> Fonts<a class="anchor" aria-label="anchor" href="#custom-and-google-font-fonts"></a> | <h3 id="custom-and-google-font-fonts">Custom and <em>Google Font</em> Fonts<a class="anchor" aria-label="anchor" href="#custom-and-google-font-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com" class="external-link">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" class="external-link">Google Fonts</a>, set the <code><type>_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> | |||||
| <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com" class="external-link">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" class="external-link">Google Fonts</a>, set the | |||||
| <code><type>_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"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | ||||
| <span> header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,</span> | <span> header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,</span> | ||||
| <span> text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,</span> | <span> text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,</span> | ||||
| <span> code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span></span> | <span> code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>If you set an <code><type>_font_google</code> theme arguments, then <code><type>_font_family</code>, <code><type>_font_weight</code> and <code><type>_font_url</code> are overwritten – where <code><type></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><type>_font_family</code> and <code><type>_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" class="external-link">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support" class="external-link">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> | |||||
| <p>If you set an <code><type>_font_google</code> theme arguments, | |||||
| then <code><type>_font_family</code>, | |||||
| <code><type>_font_weight</code> and | |||||
| <code><type>_font_url</code> are overwritten – where | |||||
| <code><type></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><type>_font_family</code> and | |||||
| <code><type>_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" class="external-link">Fira Code</a>, which would be | |||||
| declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support" class="external-link">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"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span></span> | ||||
| <span> code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,</span> | <span> code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,</span> | ||||
| <span> code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span></span> | <span> code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>Remember that you need to supply either <code><type>_google_font</code> using the <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> <code><type>_font_family</code> and <code><type>_font_url</code>.</p> | |||||
| <p>Remember that you need to supply either | |||||
| <code><type>_google_font</code> using the | |||||
| <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> | |||||
| <code><type>_font_family</code> and | |||||
| <code><type>_font_url</code>.</p> | |||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="using-additional-fonts">Using Additional Fonts<a class="anchor" aria-label="anchor" href="#using-additional-fonts"></a> | <h3 id="using-additional-fonts">Using Additional Fonts<a class="anchor" aria-label="anchor" href="#using-additional-fonts"></a> | ||||
| </h3> | </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> | |||||
| <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"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | ||||
| <span> extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span> | <span> extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span> | ||||
| <span> <span class="op">)</span></span> | <span> <span class="op">)</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside> | </nav></aside> | ||||
| </div> | </div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </div> | </div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||||
| <script src="../doc-versions.js"></script> | |||||
| </body> | </body> | ||||
| </html> | </html> |
+ 225
- 137
dev/articles/ggplot2-themes.html
Wyświetl plik
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
| <meta name="description" content="xaringanthemer"> | |||||
| <title>ggplot2 Themes • xaringanthemer</title> | <title>ggplot2 Themes • xaringanthemer</title> | ||||
| <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> | <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="76x76" href="../apple-touch-icon-76x76.png"> | ||||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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"> | <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"> | |||||
| <link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"> | |||||
| <script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"> | |||||
| <script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"> | |||||
| <meta property="og:title" content="ggplot2 Themes"> | <meta property="og:title" content="ggplot2 Themes"> | ||||
| <meta property="og:description" content="xaringanthemer"> | |||||
| <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"> | <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]> | |||||
| <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> | </head> | ||||
| <body> | <body> | ||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"> | <ul class="navbar-nav me-auto"> | ||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="active nav-item dropdown"> | <li class="active nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"> | |||||
| <ul class="navbar-nav"> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"> | |||||
| <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-article"> | </nav><div class="container template-article"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>ggplot2 Themes</h1> | <img src="../logo.png" class="logo" alt=""><h1>ggplot2 Themes</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/ggplot2-themes.Rmd" class="external-link"><code>vignettes/ggplot2-themes.Rmd</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/vignettes/ggplot2-themes.Rmd" class="external-link"><code>vignettes/ggplot2-themes.Rmd</code></a></small> | |||||
| <div class="d-none name"><code>ggplot2-themes.Rmd</code></div> | <div class="d-none name"><code>ggplot2-themes.Rmd</code></div> | ||||
| </div> | </div> | ||||
| <style type="text/css"> | <style type="text/css"> | ||||
| img { max-width: 100%; border: none; } | img { max-width: 100%; border: none; } | ||||
| </style> | </style> | ||||
| <p><strong>xaringanthemer</strong> provides two <a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a> themes for your <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a> slides to help your data visualizations blend seamlessly into your slides. Use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to create plots that match your primary slide style or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> to match the style of your inverse slides.</p> | |||||
| <p><strong>xaringanthemer</strong> provides two <a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a> themes for your <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a> slides to help | |||||
| your data visualizations blend seamlessly into your slides. Use | |||||
| <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to create plots that match your primary | |||||
| slide style or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> to match the style | |||||
| of your inverse slides.</p> | |||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/theme-xaringan-inverse.png" alt="Examples slides with ggplot2 plots that match the xaringanthemer theme" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/theme-xaringan-inverse.png" alt="Examples slides with ggplot2 plots that match the xaringanthemer theme" data-external="1"></p> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="key-features">Key Features<a class="anchor" aria-label="anchor" href="#key-features"></a> | <h3 id="key-features">Key Features<a class="anchor" aria-label="anchor" href="#key-features"></a> | ||||
| </h3> | </h3> | ||||
| <ul> | <ul> | ||||
| <li><p>The ggplot2 themes <a href="#setup-your-theme">uses the colors and themes</a> from the <strong>xaringanthemer</strong> style functions, if you set your theme inside your slides. Otherwise, it <a href="#using-xaringan-themer-css">draws from the <code>xaringan-themer.css</code> file</a>.</p></li> | |||||
| <li><p>The themes <a href="#colors">pick appropriate colors</a> for titles, grid lines, and axis text, and also sets the default colors of geoms like <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">ggplot2::geom_point()</a></code> and <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">ggplot2::geom_text()</a></code>. There are also monotone <a href="#scale-xaringan">color and fill scales</a> based around the primary accent color used in your xaringan theme.</p></li> | |||||
| <li><p>If you use Google Fonts in your slides, the ggplot2 themes use the showtext package to <a href="#fonts">automatically match the title and axis text fonts</a> of your plots to the heading and text fonts in your xaringan theme.</p></li> | |||||
| <li><p>I’ve done my best to set up everything so that <em>it just works</em>, but sometimes the showtext package adds a bit of complication to the routine data visualization workflow. At the end of this vignette I include <a href="#tips">a few tips</a> for working with showtext.</p></li> | |||||
| <li><p>The ggplot2 themes <a href="#setup-your-theme">uses the colors | |||||
| and themes</a> from the <strong>xaringanthemer</strong> style functions, | |||||
| if you set your theme inside your slides. Otherwise, it <a href="#using-xaringan-themer-css">draws from the | |||||
| <code>xaringan-themer.css</code> file</a>.</p></li> | |||||
| <li><p>The themes <a href="#colors">pick appropriate colors</a> for | |||||
| titles, grid lines, and axis text, and also sets the default colors of | |||||
| geoms like <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">ggplot2::geom_point()</a></code> and | |||||
| <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">ggplot2::geom_text()</a></code>. There are also monotone <a href="#scale-xaringan">color and fill scales</a> based around the | |||||
| primary accent color used in your xaringan theme.</p></li> | |||||
| <li><p>If you use Google Fonts in your slides, the ggplot2 themes use | |||||
| the showtext package to <a href="#fonts">automatically match the title | |||||
| and axis text fonts</a> of your plots to the heading and text fonts in | |||||
| your xaringan theme.</p></li> | |||||
| <li><p>I’ve done my best to set up everything so that <em>it just | |||||
| works</em>, but sometimes the showtext package adds a bit of | |||||
| complication to the routine data visualization workflow. At the end of | |||||
| this vignette I include <a href="#tips">a few tips</a> for working with | |||||
| showtext.</p></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="setup-your-theme">Setup Your Theme<a class="anchor" aria-label="anchor" href="#setup-your-theme"></a> | <h2 id="setup-your-theme">Setup Your Theme<a class="anchor" aria-label="anchor" href="#setup-your-theme"></a> | ||||
| </h2> | </h2> | ||||
| <p><code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> is designed to automatically use the fonts and colors you used for your slides’ style theme. Here I’m going to use a moderately customized color theme based on <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, that results in the xaringan theme previewed in the slides above.</p> | |||||
| <p>I’ve also picked out a few fonts from <a href="https://fonts.google.com" class="external-link">Google Fonts</a> that I would probably never use in a real presentation, but they’re flashy enough to make it easy to see that we’re not using the standard default fonts.</p> | |||||
| <div class="sourceCode" id="cb1"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="in">library(xaringanthemer)</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="in">style_mono_accent(</span></span> | |||||
| <span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a><span class="in"> base_color = "#DC322F", # bright red</span></span> | |||||
| <span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a><span class="in"> inverse_background_color = "#002B36", # dark dark blue</span></span> | |||||
| <span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a><span class="in"> inverse_header_color = "#31b09e", # light aqua green</span></span> | |||||
| <span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a><span class="in"> inverse_text_color = "#FFFFFF", # white</span></span> | |||||
| <span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a><span class="in"> title_slide_background_color = "var(--base)",</span></span> | |||||
| <span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a><span class="in"> text_font_google = google_font("Kelly Slab"),</span></span> | |||||
| <span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a><span class="in"> header_font_google = google_font("Oleo Script")</span></span> | |||||
| <span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="in">)</span></span> | |||||
| <span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code></pre></div> | |||||
| <p>If you use a hidden chunk like this one inside your slides’ R Markdown source file, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will know which colors and fonts you’ve picked.</p> | |||||
| <p>Adding <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to a ggplot, like this demonstration plot using the <code>mpg</code> dataset from ggplot2, changes the colors and fonts of your plot theme.</p> | |||||
| <p><code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> is designed to automatically use the | |||||
| fonts and colors you used for your slides’ style theme. Here I’m going | |||||
| to use a moderately customized color theme based on | |||||
| <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, that results in the xaringan theme | |||||
| previewed in the slides above.</p> | |||||
| <p>I’ve also picked out a few fonts from <a href="https://fonts.google.com" class="external-link">Google Fonts</a> that I would probably | |||||
| never use in a real presentation, but they’re flashy enough to make it | |||||
| easy to see that we’re not using the standard default fonts.</p> | |||||
| <div class="sourceCode" id="cb1"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="in">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="in">library(xaringanthemer)</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="in">style_mono_accent(</span></span> | |||||
| <span id="cb1-4"><a href="#cb1-4" tabindex="-1"></a><span class="in"> base_color = "#DC322F", # bright red</span></span> | |||||
| <span id="cb1-5"><a href="#cb1-5" tabindex="-1"></a><span class="in"> inverse_background_color = "#002B36", # dark dark blue</span></span> | |||||
| <span id="cb1-6"><a href="#cb1-6" tabindex="-1"></a><span class="in"> inverse_header_color = "#31b09e", # light aqua green</span></span> | |||||
| <span id="cb1-7"><a href="#cb1-7" tabindex="-1"></a><span class="in"> inverse_text_color = "#FFFFFF", # white</span></span> | |||||
| <span id="cb1-8"><a href="#cb1-8" tabindex="-1"></a><span class="in"> title_slide_background_color = "var(--base)",</span></span> | |||||
| <span id="cb1-9"><a href="#cb1-9" tabindex="-1"></a><span class="in"> text_font_google = google_font("Kelly Slab"),</span></span> | |||||
| <span id="cb1-10"><a href="#cb1-10" tabindex="-1"></a><span class="in"> header_font_google = google_font("Oleo Script")</span></span> | |||||
| <span id="cb1-11"><a href="#cb1-11" tabindex="-1"></a><span class="in">)</span></span> | |||||
| <span id="cb1-12"><a href="#cb1-12" tabindex="-1"></a><span class="in">```</span></span></code></pre></div> | |||||
| <p>If you use a hidden chunk like this one inside your slides’ R | |||||
| Markdown source file, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will know which | |||||
| colors and fonts you’ve picked.</p> | |||||
| <p>Adding <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to a ggplot, like this | |||||
| demonstration plot using the <code>mpg</code> dataset from ggplot2, | |||||
| changes the colors and fonts of your plot theme.</p> | |||||
| <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><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> | <code class="sourceCode R"><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></span> | <span></span> | ||||
| <code class="sourceCode R"><span><span class="co"># Fancy slide-matching themed plot</span></span> | <code class="sourceCode R"><span><span class="co"># Fancy slide-matching themed plot</span></span> | ||||
| <span><span class="va">g_base</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <span><span class="va">g_base</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png" width="48%"></p> | <p><img src="ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png" width="48%"></p> | ||||
| <p>With <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> the fonts and colors match the slide theme. The default colors of points (like other geometries) has been changed as well to match the slide colors.</p> | |||||
| <p>With <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> the fonts and colors match the | |||||
| slide theme. The default colors of points (like other geometries) has | |||||
| been changed as well to match the slide colors.</p> | |||||
| <p>To restore the previous default colors of ggplot2 geoms, call</p> | <p>To restore the previous default colors of ggplot2 geoms, call</p> | ||||
| <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p>Add <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> to automatically create a plot that matches the inverse slide style.</p> | |||||
| <p>Add <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> to automatically create a | |||||
| plot that matches the inverse slide style.</p> | |||||
| <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="co"># theme_xaringan() on the left, theme_xaringan_inverse() on the right</span></span> | <code class="sourceCode R"><span><span class="co"># theme_xaringan() on the left, theme_xaringan_inverse() on the right</span></span> | ||||
| <span><span class="va">g_base</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <span><span class="va">g_base</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png" width="48%"></p> | <p><img src="ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png" width="48%"></p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="using-xaringan-themer-css">Using <code>theme_xaringan()</code> without calling a style function<a class="anchor" aria-label="anchor" href="#using-xaringan-themer-css"></a> | |||||
| <h2 id="using-xaringan-themer-css">Using <code>theme_xaringan()</code> without calling a style | |||||
| function<a class="anchor" aria-label="anchor" href="#using-xaringan-themer-css"></a> | |||||
| </h2> | </h2> | ||||
| <p>Once you’ve set up your custom xaringan theme, you might want to use the theme’s CSS file for new presentations instead of rebuilding your theme with every new slide deck.</p> | |||||
| <p>In these cases, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will look for a CSS file written by <strong>xaringanthemer</strong> in your slides’ directory or in a sub-folder under the same directory that it can use to determine the colors and fonts used in your slides.</p> | |||||
| <p>If you happen to have multiple slide themes written by <strong>xaringanthemer</strong> in the same directory, the one named <code>xaringan-themer.css</code> will be used. If xaringanthemer picks the wrong file, you can use the <code>css_file</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to specify exactly which CSS file to use.</p> | |||||
| <p>Once you’ve set up your custom xaringan theme, you might want to use | |||||
| the theme’s CSS file for new presentations instead of rebuilding your | |||||
| theme with every new slide deck.</p> | |||||
| <p>In these cases, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will look for a CSS | |||||
| file written by <strong>xaringanthemer</strong> in your slides’ | |||||
| directory or in a sub-folder under the same directory that it can use to | |||||
| determine the colors and fonts used in your slides.</p> | |||||
| <p>If you happen to have multiple slide themes written by | |||||
| <strong>xaringanthemer</strong> in the same directory, the one named | |||||
| <code>xaringan-themer.css</code> will be used. If xaringanthemer picks | |||||
| the wrong file, you can use the <code>css_file</code> in | |||||
| <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to specify exactly which CSS file to | |||||
| use.</p> | |||||
| <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>css_file <span class="op">=</span> <span class="st">"my-slide-style.css"</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>css_file <span class="op">=</span> <span class="st">"my-slide-style.css"</span><span class="op">)</span></span></code></pre></div> | ||||
| <p>Note that you can use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> anywhere you want, not just in xaringan slides! (For example, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> is working great in these vignettes!) This means that you can use your plot theme in reports and websites while maintaining a consistent look and feel or brand.</p> | |||||
| <p>Finally, you don’t even need a xaringanthemer CSS file. You can specify the key ingredients for the theme as arguments to <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, namely text, background, and accent colors as well as text and title fonts.</p> | |||||
| <p>The R chunk below replicated the demonstrated theme, but doesn’t require a slide style to be set or stored in a CSS file.</p> | |||||
| <p>Note that you can use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> anywhere you | |||||
| want, not just in xaringan slides! (For example, | |||||
| <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> is working great in these vignettes!) This | |||||
| means that you can use your plot theme in reports and websites while | |||||
| maintaining a consistent look and feel or brand.</p> | |||||
| <p>Finally, you don’t even need a xaringanthemer CSS file. You can | |||||
| specify the key ingredients for the theme as arguments to | |||||
| <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, namely text, background, and accent | |||||
| colors as well as text and title fonts.</p> | |||||
| <p>The R chunk below replicated the demonstrated theme, but doesn’t | |||||
| require a slide style to be set or stored in a CSS file.</p> | |||||
| <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span></span> | ||||
| <span> text_color <span class="op">=</span> <span class="st">"#3D3E38"</span>,</span> | <span> text_color <span class="op">=</span> <span class="st">"#3D3E38"</span>,</span> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | ||||
| </h2> | </h2> | ||||
| <p>As demonstrated above, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> modify the default colors and fonts of geometries. This means that <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">geom_text()</a></code> and other geoms used in your plots will reasonably match your slide themes with no extra work.</p> | |||||
| <p>As demonstrated above, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and | |||||
| <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> modify the default colors and | |||||
| fonts of geometries. This means that <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point()</a></code>, | |||||
| <code><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">geom_text()</a></code> and other geoms used | |||||
| in your plots will reasonably match your slide themes with no extra | |||||
| work.</p> | |||||
| <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="va">g_diamonds</span> <span class="op"><-</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">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span></span> | <code class="sourceCode R"><span><span class="va">g_diamonds</span> <span class="op"><-</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">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span></span> | ||||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | ||||
| <span></span> | <span></span> | ||||
| <span><span class="va">g_diamonds</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <span><span class="va">g_diamonds</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="ggplot2-themes_files/figure-html/demo-geom-defaults-1.png" width="960"></p> | <p><img src="ggplot2-themes_files/figure-html/demo-geom-defaults-1.png" width="960"></p> | ||||
| <p>Whenever <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> are called, the default values of many of ggplot2 geoms are set by default. You can opt out of this by setting <code>set_ggplot_defaults = FALSE</code> when using either theme. You can also restore the geom aesthetic defaults to their original values before the first time <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> were used by running</p> | |||||
| <p>Whenever <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> or | |||||
| <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> are called, the default values of | |||||
| many of ggplot2 geoms are set by default. You can opt out of this by | |||||
| setting <code>set_ggplot_defaults = FALSE</code> when using either | |||||
| theme. You can also restore the geom aesthetic defaults to their | |||||
| original values before the first time <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> or | |||||
| <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> were used by running</p> | |||||
| <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="scale-xaringan">Custom Color and Fill Scales<a class="anchor" aria-label="anchor" href="#scale-xaringan"></a> | <h3 id="scale-xaringan">Custom Color and Fill Scales<a class="anchor" aria-label="anchor" href="#scale-xaringan"></a> | ||||
| </h3> | </h3> | ||||
| <p>xaringanthemer includes monotone color and fill scales to match your ggplot2 theme. The scale functions all follow the naming pattern <code>scale_xaringan_<aes>_<data_type>()</code>, where <code><aes></code> is replaced with either <code>color</code> or <code>fill</code> and <code><data_type></code> is one of <code>discrete</code> or <code>continuous</code>.</p> | |||||
| <p>These scales use <code><a href="https://colorspace.R-Forge.R-project.org/reference/hcl_palettes.html" class="external-link">colorspace::sequential_hcl()</a></code> to create a sequential, monotone color scale based on the primary accent color in your slides. Color scales matching the inverse slides are possible by setting the argument <code>inverse = TRUE</code>.</p> | |||||
| <p>xaringanthemer includes monotone color and fill scales to match your | |||||
| ggplot2 theme. The scale functions all follow the naming pattern | |||||
| <code>scale_xaringan_<aes>_<data_type>()</code>, where | |||||
| <code><aes></code> is replaced with either <code>color</code> or | |||||
| <code>fill</code> and <code><data_type></code> is one of | |||||
| <code>discrete</code> or <code>continuous</code>.</p> | |||||
| <p>These scales use <code><a href="https://colorspace.R-Forge.R-project.org/reference/hcl_palettes.html" class="external-link">colorspace::sequential_hcl()</a></code> to create | |||||
| a sequential, monotone color scale based on the primary accent color in | |||||
| your slides. Color scales matching the inverse slides are possible by | |||||
| setting the argument <code>inverse = TRUE</code>.</p> | |||||
| <div class="sourceCode" id="cb10"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb10"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><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">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span></span> | <code class="sourceCode R"><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">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span></span> | ||||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>fill <span class="op">=</span> <span class="va">..count..</span><span class="op">)</span>, show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span></span> | <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>fill <span class="op">=</span> <span class="va">..count..</span><span class="op">)</span>, show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span></span> | ||||
| <span> <span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | <span> <span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | ||||
| <span> <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_color_continuous</a></span><span class="op">(</span>breaks <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/seq.html" class="external-link">seq</a></span><span class="op">(</span><span class="fl">3</span>, <span class="fl">12</span>, <span class="fl">2</span><span class="op">)</span>, inverse <span class="op">=</span> <span class="cn">TRUE</span>, begin <span class="op">=</span> <span class="fl">1</span>, end <span class="op">=</span> <span class="fl">0</span><span class="op">)</span></span></code></pre></div> | <span> <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_color_continuous</a></span><span class="op">(</span>breaks <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/seq.html" class="external-link">seq</a></span><span class="op">(</span><span class="fl">3</span>, <span class="fl">12</span>, <span class="fl">2</span><span class="op">)</span>, inverse <span class="op">=</span> <span class="cn">TRUE</span>, begin <span class="op">=</span> <span class="fl">1</span>, end <span class="op">=</span> <span class="fl">0</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="ggplot2-themes_files/figure-html/scale-xaringan-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/scale-xaringan-2.png" width="48%"></p> | <p><img src="ggplot2-themes_files/figure-html/scale-xaringan-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/scale-xaringan-2.png" width="48%"></p> | ||||
| <p>In general, these color scales aren’t great at representing the underlying data. In both examples above, the color and fill scales duplicate information displayed via other aesthetics (the height of the bar or the size of the point). I recommend using these scales primarily for style, although the scales can be more or less effective depending on your color scheme.</p> | |||||
| <p>In general, these color scales aren’t great at representing the | |||||
| underlying data. In both examples above, the color and fill scales | |||||
| duplicate information displayed via other aesthetics (the height of the | |||||
| bar or the size of the point). I recommend using these scales primarily | |||||
| for style, although the scales can be more or less effective depending | |||||
| on your color scheme.</p> | |||||
| <p>The scales come with a few more options:</p> | <p>The scales come with a few more options:</p> | ||||
| <ul> | <ul> | ||||
| <li><p>Choose a different primary color using the <code>color</code> argument.</p></li> | |||||
| <li><p>Use the inverse color slide theme color with <code>inverse = TRUE</code> (only applies when <code>color</code> is not supplied).</p></li> | |||||
| <li><p>Invert the direction of the discrete scales with <code>direction = -1</code>.</p></li> | |||||
| <li><p>Control the range of the continuous color scale used with <code>begin</code> and <code>end</code>. You can also invert the direction of the continuous color scale by setting <code>begin = 1</code> and <code>end = 0</code>.</p></li> | |||||
| <li><p>Choose a different primary color using the <code>color</code> | |||||
| argument.</p></li> | |||||
| <li><p>Use the inverse color slide theme color with | |||||
| <code>inverse = TRUE</code> (only applies when <code>color</code> is not | |||||
| supplied).</p></li> | |||||
| <li><p>Invert the direction of the discrete scales with | |||||
| <code>direction = -1</code>.</p></li> | |||||
| <li><p>Control the range of the continuous color scale used with | |||||
| <code>begin</code> and <code>end</code>. You can also invert the | |||||
| direction of the continuous color scale by setting | |||||
| <code>begin = 1</code> and <code>end = 0</code>.</p></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="automatically-match-slide-and-plot-fonts">Automatically match slide and plot fonts<a class="anchor" aria-label="anchor" href="#automatically-match-slide-and-plot-fonts"></a> | <h3 id="automatically-match-slide-and-plot-fonts">Automatically match slide and plot fonts<a class="anchor" aria-label="anchor" href="#automatically-match-slide-and-plot-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext" class="external-link">showtext</a> and <a href="https://github.com/yixuan/sysfonts" class="external-link">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com" class="external-link">Google Fonts</a> for use with your ggplot2 plots.</p> | |||||
| <p>In your slide theme, use the <code><type>_font_google</code> argument with the <code>google_font("<font name>")</code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p> | |||||
| <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext" class="external-link">showtext</a> and <a href="https://github.com/yixuan/sysfonts" class="external-link">sysfonts</a> packages by | |||||
| Yixuan Qiu to automatically download and register <a href="https://fonts.google.com" class="external-link">Google Fonts</a> for use with your | |||||
| ggplot2 plots.</p> | |||||
| <p>In your slide theme, use the <code><type>_font_google</code> | |||||
| argument with the <code>google_font("<font name>")</code> helper | |||||
| (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> | |||||
| will handle the rest. In our demo theme, we used | |||||
| <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p> | |||||
| <ul> | <ul> | ||||
| <li> | <li> | ||||
| <code>text_font_google = google_font("Kelley Slab")</code> and</li> | <code>text_font_google = google_font("Kelley Slab")</code> and</li> | ||||
| <span></span> | <span></span> | ||||
| <span><span class="va">g_diamonds_with_text</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <span><span class="va">g_diamonds_with_text</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="ggplot2-themes_files/figure-html/text%20demo-1.png" width="960"></p> | <p><img src="ggplot2-themes_files/figure-html/text%20demo-1.png" width="960"></p> | ||||
| <p><code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> applies the header font to the plot and axis titles and the text font to the axis ticks labels and any text geoms or annotations.</p> | |||||
| <p><code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> applies the header font to the plot and | |||||
| axis titles and the text font to the axis ticks labels and any text | |||||
| geoms or annotations.</p> | |||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="manually-specify-plot-fonts">Manually specify plot fonts<a class="anchor" aria-label="anchor" href="#manually-specify-plot-fonts"></a> | <h3 id="manually-specify-plot-fonts">Manually specify plot fonts<a class="anchor" aria-label="anchor" href="#manually-specify-plot-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p>You can also specify specific fonts for your plot theme. Both <code>text_font</code> and <code>title_font</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> accept <code><a href="../reference/google_font.html">google_font()</a></code>s directly.</p> | |||||
| <p>You can also specify specific fonts for your plot theme. Both | |||||
| <code>text_font</code> and <code>title_font</code> in | |||||
| <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> | |||||
| accept <code><a href="../reference/google_font.html">google_font()</a></code>s directly.</p> | |||||
| <div class="sourceCode" id="cb12"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb12"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="va">g_diamonds_with_text</span> <span class="op">+</span></span> | <code class="sourceCode R"><span><span class="va">g_diamonds_with_text</span> <span class="op">+</span></span> | ||||
| <span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span></span> | <span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span></span> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="using-fonts-not-in-google-fonts">Using fonts not in Google Fonts<a class="anchor" aria-label="anchor" href="#using-fonts-not-in-google-fonts"></a> | <h3 id="using-fonts-not-in-google-fonts">Using fonts not in Google Fonts<a class="anchor" aria-label="anchor" href="#using-fonts-not-in-google-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p>If you want to use a font that isn’t in the Google Fonts collection, you need to manually register the font with sysfonts so that it can be used in your plots.</p> | |||||
| <p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference" class="external-link">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org" class="external-link">fontlibrary.org</a>. In my theme style function, I would use</p> | |||||
| <p>If you want to use a font that isn’t in the Google Fonts collection, | |||||
| you need to manually register the font with sysfonts so that it can be | |||||
| used in your plots.</p> | |||||
| <p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference" class="external-link">Glacial | |||||
| Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org" class="external-link">fontlibrary.org</a>. In my theme style | |||||
| function, I would use</p> | |||||
| <pre><code><span><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span></span> | <pre><code><span><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span></span> | ||||
| <span> text_font_family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>,</span> | <span> text_font_family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>,</span> | ||||
| <span> text_font_url <span class="op">=</span> <span class="st">"https://fontlibrary.org/face/glacial-indifference"</span></span> | <span> text_font_url <span class="op">=</span> <span class="st">"https://fontlibrary.org/face/glacial-indifference"</span></span> | ||||
| <span><span class="op">)</span></span></code></pre> | <span><span class="op">)</span></span></code></pre> | ||||
| <p>but sysfonts won’t know where to find the TTF font files for this font.</p> | |||||
| <p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">sysfonts::font_add()</a></code> function requires the font file to be local.</p> | |||||
| <p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p> | |||||
| <p>but sysfonts won’t know where to find the TTF font files for this | |||||
| font.</p> | |||||
| <p>To register the font with sysfonts, we use | |||||
| <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">sysfonts::font_add()</a></code>, but first we need to download the | |||||
| font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">sysfonts::font_add()</a></code> function requires the | |||||
| font file to be local.</p> | |||||
| <p>By inspecting the CSS file at the link I used in | |||||
| <code>text_font_url</code>, I found a direct URL for the | |||||
| <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve | |||||
| included the code I used to download the font to a temporary file below, | |||||
| but in case the URL breaks, I’ve included <em>Glacial Indifference</em> | |||||
| in the xaringanthemer package.</p> | |||||
| <div class="sourceCode" id="cb14"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb14"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="va">font_url</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/file.path.html" class="external-link">file.path</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="va">font_url</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/file.path.html" class="external-link">file.path</a></span><span class="op">(</span></span> | ||||
| <span> <span class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference/"</span>,</span> | <span> <span class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference/"</span>,</span> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="tips">Tips for using the showtext package<a class="anchor" aria-label="anchor" href="#tips"></a> | <h2 id="tips">Tips for using the showtext package<a class="anchor" aria-label="anchor" href="#tips"></a> | ||||
| </h2> | </h2> | ||||
| <p>Working with fonts is notoriously frustrating, but <a href="https://github.com/yixuan/showtext" class="external-link">showtext</a> and <a href="https://github.com/yixuan/sysfonts" class="external-link">sysfonts</a> do a great job ensuring that Google Fonts and custom fonts work on all platforms. As you’ve seen in the examples above, the process is mostly seamless, but there are a few caveats and places where the methods used by these packages may interrupt a typical ggplot2 workflow.</p> | |||||
| <p>Working with fonts is notoriously frustrating, but <a href="https://github.com/yixuan/showtext" class="external-link">showtext</a> and <a href="https://github.com/yixuan/sysfonts" class="external-link">sysfonts</a> do a great job | |||||
| ensuring that Google Fonts and custom fonts work on all platforms. As | |||||
| you’ve seen in the examples above, the process is mostly seamless, but | |||||
| there are a few caveats and places where the methods used by these | |||||
| packages may interrupt a typical ggplot2 workflow.</p> | |||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="r-markdown">R Markdown<a class="anchor" aria-label="anchor" href="#r-markdown"></a> | <h3 id="r-markdown">R Markdown<a class="anchor" aria-label="anchor" href="#r-markdown"></a> | ||||
| </h3> | </h3> | ||||
| <p>To use the showtext package in R Markdown, knitr requires that the <code>fig.showtext</code> chunk option be set to <code>TRUE</code>, either in the chunk producing the figure or globally in the document.</p> | |||||
| <p>xaringanthemer tries to set this chunk option for you, but in some circumstances it’s possible to call <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> in a way that xaringanthemer can’t set this option for you. When this happens, xaringanthemer will produce an error:</p> | |||||
| <p>To use the showtext package in R Markdown, knitr requires that the | |||||
| <code>fig.showtext</code> chunk option be set to <code>TRUE</code>, | |||||
| either in the chunk producing the figure or globally in the | |||||
| document.</p> | |||||
| <p>xaringanthemer tries to set this chunk option for you, but in some | |||||
| circumstances it’s possible to call <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> in a | |||||
| way that xaringanthemer can’t set this option for you. When this | |||||
| happens, xaringanthemer will produce an error:</p> | |||||
| <pre><code>Error in verify_fig_showtext(fn) : | <pre><code>Error in verify_fig_showtext(fn) : | ||||
| To use theme_xaringan_base() with knitr, you need to set the chunk | To use theme_xaringan_base() with knitr, you need to set the chunk | ||||
| option `fig.showtext = TRUE` for this chunk. Or you can set this option | option `fig.showtext = TRUE` for this chunk. Or you can set this option | ||||
| globally with `knitr::opts_chunk$set(fig.showtext = TRUE)`.</code></pre> | globally with `knitr::opts_chunk$set(fig.showtext = TRUE)`.</code></pre> | ||||
| <p>If you find yourself facing this error, follow the instructions and choose one of the two suggestions:</p> | |||||
| <p>If you find yourself facing this error, follow the instructions and | |||||
| choose one of the two suggestions:</p> | |||||
| <ol style="list-style-type: decimal"> | <ol style="list-style-type: decimal"> | ||||
| <li><p>Add <code>fig.showtext = TRUE</code> to the chunk producing the figure</p></li> | |||||
| <li><p>Or set the option globally in your <code>setup</code> chunk with <code>knitr::opts_chunk$set(fig.showtext = TRUE)</code>.</p></li> | |||||
| <li><p>Add <code>fig.showtext = TRUE</code> to the chunk producing the | |||||
| figure</p></li> | |||||
| <li><p>Or set the option globally in your <code>setup</code> chunk with | |||||
| <code>knitr::opts_chunk$set(fig.showtext = TRUE)</code>.</p></li> | |||||
| </ol> | </ol> | ||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="macos">MacOS<a class="anchor" aria-label="anchor" href="#macos"></a> | <h3 id="macos">MacOS<a class="anchor" aria-label="anchor" href="#macos"></a> | ||||
| </h3> | </h3> | ||||
| <p>On MacOS, you’ll need to have <code>xquartz</code> installed for <code>sysfonts</code> to work properly. If you use <a href="https://brew.sh/" class="external-link">homebrew</a>, you can install <code>xquartz</code> with</p> | |||||
| <div class="sourceCode" id="cb17"><pre class="sourceCode bash"><code class="sourceCode bash"><span id="cb17-1"><a href="#cb17-1" aria-hidden="true" tabindex="-1"></a><span class="ex">brew</span> cask install xquartz</span></code></pre></div> | |||||
| <p>On MacOS, you’ll need to have <code>xquartz</code> installed for | |||||
| <code>sysfonts</code> to work properly. If you use <a href="https://brew.sh/" class="external-link">homebrew</a>, you can install | |||||
| <code>xquartz</code> with</p> | |||||
| <div class="sourceCode" id="cb17"><pre class="sourceCode bash"><code class="sourceCode bash"><span id="cb17-1"><a href="#cb17-1" tabindex="-1"></a><span class="ex">brew</span> cask install xquartz</span></code></pre></div> | |||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="in-rstudio">In RStudio<a class="anchor" aria-label="anchor" href="#in-rstudio"></a> | <h3 id="in-rstudio">In RStudio<a class="anchor" aria-label="anchor" href="#in-rstudio"></a> | ||||
| </h3> | </h3> | ||||
| <p>showtext and RStudio’s graphic device don’t always work well together. Depending on your version of RStudio, if you try to preview plots that use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, the fonts in the preview will still be the default sans font or you may not see a plot at all.</p> | |||||
| <p>To work around this, open a new <code><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz()</a></code> (MacOS) or <code><a href="https://rdrr.io/r/grDevices/x11.html" class="external-link">x11()</a></code> (Windows/Unix) plot device. The plots will then render in a separate window. I usually create a <code><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz()</a></code> device with a similar size ratio to my slides.</p> | |||||
| <p>showtext and RStudio’s graphic device don’t always work well | |||||
| together. Depending on your version of RStudio, if you try to preview | |||||
| plots that use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, the fonts in the preview | |||||
| will still be the default sans font or you may not see a plot at | |||||
| all.</p> | |||||
| <p>To work around this, open a new <code><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz()</a></code> (MacOS) or | |||||
| <code><a href="https://rdrr.io/r/grDevices/x11.html" class="external-link">x11()</a></code> (Windows/Unix) plot device. The plots will then | |||||
| render in a separate window. I usually create a <code><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz()</a></code> | |||||
| device with a similar size ratio to my slides.</p> | |||||
| <div class="sourceCode" id="cb18"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb18"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="co">## On Windows</span></span> | <code class="sourceCode R"><span><span class="co">## On Windows</span></span> | ||||
| <span><span class="co"># x11(width = 16 * 2/3, height = 9 * 2/3)</span></span> | <span><span class="co"># x11(width = 16 * 2/3, height = 9 * 2/3)</span></span> | ||||
| <span><span class="fu"><a href="https://rdrr.io/r/grDevices/dev.html" class="external-link">dev.off</a></span><span class="op">(</span><span class="op">)</span> <span class="co"># call when done to close the device</span></span></code></pre></div> | <span><span class="fu"><a href="https://rdrr.io/r/grDevices/dev.html" class="external-link">dev.off</a></span><span class="op">(</span><span class="op">)</span> <span class="co"># call when done to close the device</span></span></code></pre></div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside> | </nav></aside> | ||||
| </div> | </div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </div> | </div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||||
| <script src="../doc-versions.js"></script> | |||||
| </body> | </body> | ||||
| </html> | </html> |
BIN
dev/articles/ggplot2-themes_files/figure-html/demo-geom-defaults-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 768 | Size: 46KB | Width: 1920 | Height: 768 | Size: 45KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1152 | Height: 768 | Size: 50KB | Width: 1152 | Height: 768 | Size: 49KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1152 | Height: 768 | Size: 76KB | Width: 1152 | Height: 768 | Size: 76KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1152 | Height: 768 | Size: 75KB | Width: 1152 | Height: 768 | Size: 75KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/scale-xaringan-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1728 | Height: 960 | Size: 50KB | Width: 1728 | Height: 960 | Size: 50KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/scale-xaringan-2.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1728 | Height: 960 | Size: 93KB | Width: 1728 | Height: 960 | Size: 93KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 768 | Size: 76KB | Width: 1920 | Height: 768 | Size: 75KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/text demo-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 768 | Size: 67KB | Width: 1920 | Height: 768 | Size: 66KB |
BIN
dev/articles/ggplot2-themes_files/figure-html/text-demo-2-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1920 | Height: 768 | Size: 81KB | Width: 1920 | Height: 768 | Size: 80KB |
+ 32
- 65
dev/articles/index.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><title>Articles • 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="Articles"><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Articles • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Articles"><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-article-index"> | </nav><div class="container template-article-index"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="section "> | <div class="section "> | ||||
| <h3>All vignettes</h3> | <h3>All vignettes</h3> | ||||
| <p class="section-desc"></p> | |||||
| <div class="section-desc"></div> | |||||
| <dl><dt><a href="fonts.html">Fonts</a></dt> | <dl><dt><a href="fonts.html">Fonts</a></dt> | ||||
| <dd> | <dd> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 108
- 106
dev/articles/template-variables.html
Wyświetl plik
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
| <meta name="description" content="xaringanthemer"> | |||||
| <title>Template Variables • xaringanthemer</title> | <title>Template Variables • xaringanthemer</title> | ||||
| <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> | <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="76x76" href="../apple-touch-icon-76x76.png"> | ||||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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"> | <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"> | |||||
| <link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"> | |||||
| <script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"> | |||||
| <script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"> | |||||
| <meta property="og:title" content="Template Variables"> | <meta property="og:title" content="Template Variables"> | ||||
| <meta property="og:description" content="xaringanthemer"> | |||||
| <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"> | <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]> | |||||
| <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> | </head> | ||||
| <body> | <body> | ||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"> | <ul class="navbar-nav me-auto"> | ||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="active nav-item dropdown"> | <li class="active nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"> | |||||
| <ul class="navbar-nav"> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"> | |||||
| <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-article"> | </nav><div class="container template-article"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Template Variables</h1> | <img src="../logo.png" class="logo" alt=""><h1>Template Variables</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/template-variables.Rmd" class="external-link"><code>vignettes/template-variables.Rmd</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/vignettes/template-variables.Rmd" class="external-link"><code>vignettes/template-variables.Rmd</code></a></small> | |||||
| <div class="d-none name"><code>template-variables.Rmd</code></div> | <div class="d-none name"><code>template-variables.Rmd</code></div> | ||||
| </div> | </div> | ||||
| <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 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 style="width:100%;" class="table"> | |||||
| <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 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"> | |||||
| <colgroup> | <colgroup> | ||||
| <col width="8%"> | |||||
| <col width="55%"> | |||||
| <col width="12%"> | |||||
| <col width="4%"> | |||||
| <col width="12%"> | |||||
| <col width="7%"> | <col width="7%"> | ||||
| <col width="48%"> | |||||
| <col width="10%"> | |||||
| <col width="17%"> | |||||
| <col width="10%"> | |||||
| <col width="6%"> | |||||
| </colgroup> | </colgroup> | ||||
| <thead><tr class="header"> | <thead><tr class="header"> | ||||
| <th align="left">Variable</th> | <th align="left">Variable</th> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>padding</code></td> | <td align="left"><code>padding</code></td> | ||||
| <td align="left">Slide Padding in <code>top right [bottom left]</code> format</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">.remark-slide-content</td> | ||||
| <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a></td> | <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a></td> | ||||
| <td align="left">16px 64px 16px 64px</td> | <td align="left">16px 64px 16px 64px</td> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>background_image</code></td> | <td align="left"><code>background_image</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">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">.remark-slide-content</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>background_size</code></td> | <td align="left"><code>background_size</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 background 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">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 background 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">.remark-slide-content</td> | ||||
| <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a></td> | <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>background_position</code></td> | <td align="left"><code>background_position</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 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> | ||||
| <td align="left">.remark-slide-content</td> | <td align="left">.remark-slide-content</td> | ||||
| <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a></td> | <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a></td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>title_slide_background_size</code></td> | <td align="left"><code>title_slide_background_size</code></td> | ||||
| <td align="left">Title Slide Background Image Size, defaults to “cover” if background image is set</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">.title-slide</td> | ||||
| <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a></td> | <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>footnote_color</code></td> | <td align="left"><code>footnote_color</code></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 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">.footnote</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>left_column_selected_color</code></td> | <td align="left"><code>left_column_selected_color</code></td> | ||||
| <td align="left">Left Column Current Selection</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">.left-column h2:last-of-type, .left-column | |||||
| h3:last-child</td> | |||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">#000</td> | <td align="left">#000</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>base_font_size</code></td> | <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">Base Font Size for All Slide Elements (must be | |||||
| <code>px</code>)</td> | |||||
| <td align="left">html</td> | <td align="left">html</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">20px</td> | <td align="left">20px</td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>header_background_auto</code></td> | <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">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"></td> | <td align="left"></td> | ||||
| <td align="left">FALSE</td> | <td align="left">FALSE</td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>header_background_content_padding_top</code></td> | <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">Top Padding for Content in Slide with Header with | |||||
| Background</td> | |||||
| <td align="left">.remark-slide-content</td> | <td align="left">.remark-slide-content</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">7rem</td> | <td align="left">7rem</td> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>header_background_ignore_classes</code></td> | <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">Slide Classes Where Header with Background will not be | |||||
| Applied</td> | |||||
| <td align="left">.remark-slide-content</td> | <td align="left">.remark-slide-content</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">c(‘normal’, ‘inverse’, ‘title’, ‘middle’, ‘bottom’)</td> | |||||
| <td align="left">c(‘normal’, ‘inverse’, ‘title’, ‘middle’, | |||||
| ‘bottom’)</td> | |||||
| <td align="left"></td> | <td align="left"></td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>text_font_google</code></td> | <td align="left"><code>text_font_google</code></td> | ||||
| <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify body font</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">body</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>text_font_family</code></td> | <td align="left"><code>text_font_family</code></td> | ||||
| <td align="left">Body Text Font Family (xaringan default is <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</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">xaringanthemer_font_default(“text_font_family”)</td> | <td align="left">xaringanthemer_font_default(“text_font_family”)</td> | ||||
| </tr> | </tr> | ||||
| <tr class="odd"> | <tr class="odd"> | ||||
| <td align="left"><code>header_font_google</code></td> | <td align="left"><code>header_font_google</code></td> | ||||
| <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify header font</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">body</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>header_font_family</code></td> | <td align="left"><code>header_font_family</code></td> | ||||
| <td align="left">Header Font Family (xaringan default is <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">h1, h2, h3</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">xaringanthemer_font_default(“header_font_family”)</td> | <td align="left">xaringanthemer_font_default(“header_font_family”)</td> | ||||
| </tr> | </tr> | ||||
| <tr class="even"> | <tr class="even"> | ||||
| <td align="left"><code>code_font_google</code></td> | <td align="left"><code>code_font_google</code></td> | ||||
| <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify code font</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">body</td> | ||||
| <td align="left"></td> | <td align="left"></td> | ||||
| <td align="left">NULL</td> | <td align="left">NULL</td> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </div> | </div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||||
| <script src="../doc-versions.js"></script> | |||||
| </body> | </body> | ||||
| </html> | </html> |
+ 92
- 101
dev/articles/themes.html
Wyświetl plik
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
| <meta name="description" content="xaringanthemer"> | |||||
| <title>Themes • xaringanthemer</title> | <title>Themes • xaringanthemer</title> | ||||
| <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> | <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="76x76" href="../apple-touch-icon-76x76.png"> | ||||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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"> | <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"> | |||||
| <link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"> | |||||
| <script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"> | |||||
| <script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"> | |||||
| <meta property="og:title" content="Themes"> | <meta property="og:title" content="Themes"> | ||||
| <meta property="og:description" content="xaringanthemer"> | |||||
| <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"> | <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]> | |||||
| <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> | </head> | ||||
| <body> | <body> | ||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"> | <ul class="navbar-nav me-auto"> | ||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="active nav-item dropdown"> | <li class="active nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"> | |||||
| <ul class="navbar-nav"> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"> | |||||
| <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-article"> | </nav><div class="container template-article"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Themes</h1> | <img src="../logo.png" class="logo" alt=""><h1>Themes</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/themes.Rmd" class="external-link"><code>vignettes/themes.Rmd</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/vignettes/themes.Rmd" class="external-link"><code>vignettes/themes.Rmd</code></a></small> | |||||
| <div class="d-none name"><code>themes.Rmd</code></div> | <div class="d-none name"><code>themes.Rmd</code></div> | ||||
| </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 your 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> | |||||
| <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 your 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 class="section level3"> | <div class="section level3"> | ||||
| <h3 id="monotone">Monotone<a class="anchor" aria-label="anchor" href="#monotone"></a> | <h3 id="monotone">Monotone<a class="anchor" aria-label="anchor" href="#monotone"></a> | ||||
| </h3> | </h3> | ||||
| <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p> | |||||
| <p>Use these functions to automatically create a consistent color | |||||
| palette for your slides, based around a single color.</p> | |||||
| <div class="section level4"> | <div class="section level4"> | ||||
| <h4 id="style_mono_light"> | <h4 id="style_mono_light"> | ||||
| <code>style_mono_light()</code><a class="anchor" aria-label="anchor" href="#style_mono_light"></a> | <code>style_mono_light()</code><a class="anchor" aria-label="anchor" href="#style_mono_light"></a> | ||||
| <h4 id="style_mono_accent"> | <h4 id="style_mono_accent"> | ||||
| <code>style_mono_accent()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent"></a> | <code>style_mono_accent()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent"></a> | ||||
| </h4> | </h4> | ||||
| <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||||
| <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="downlit sourceCode r"> | <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#43418A"</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#43418A"</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p> | ||||
| <h4 id="style_mono_accent_inverse"> | <h4 id="style_mono_accent_inverse"> | ||||
| <code>style_mono_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent_inverse"></a> | <code>style_mono_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent_inverse"></a> | ||||
| </h4> | </h4> | ||||
| <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||||
| <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="downlit sourceCode r"> | <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="solarized">Solarized<a class="anchor" aria-label="anchor" href="#solarized"></a> | <h3 id="solarized">Solarized<a class="anchor" aria-label="anchor" href="#solarized"></a> | ||||
| </h3> | </h3> | ||||
| <p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/" class="external-link">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> | |||||
| <p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/" class="external-link">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 class="section level4"> | <div class="section level4"> | ||||
| <h4 id="style_solarized_light"> | <h4 id="style_solarized_light"> | ||||
| <code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a> | <code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p> | <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> | <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"><span id="cb10-1"><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb10-2"><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb10-3"><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span> | |||||
| <span id="cb10-4"><a href="#cb10-4" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||||
| <span id="cb10-5"><a href="#cb10-5" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span> | |||||
| <span id="cb10-6"><a href="#cb10-6" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span> | |||||
| <span id="cb10-7"><a href="#cb10-7" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div> | |||||
| <div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb10-1"><a href="#cb10-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb10-2"><a href="#cb10-2" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb10-3"><a href="#cb10-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span> | |||||
| <span id="cb10-4"><a href="#cb10-4" tabindex="-1"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||||
| <span id="cb10-5"><a href="#cb10-5" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span> | |||||
| <span id="cb10-6"><a href="#cb10-6" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span> | |||||
| <span id="cb10-7"><a href="#cb10-7" tabindex="-1"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | ||||
| </h2> | </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 additional colors to use in your slides. This argument takes a vector of named colors</p> | |||||
| <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 additional | |||||
| colors to use in your slides. This argument takes a vector of named | |||||
| colors</p> | |||||
| <div class="sourceCode" id="cb11"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb11"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span> | ||||
| <span> red <span class="op">=</span> <span class="st">"#f34213"</span>,</span> | <span> red <span class="op">=</span> <span class="st">"#f34213"</span>,</span> | ||||
| <span> green <span class="op">=</span> <span class="st">"#136f63"</span>,</span> | <span> green <span class="op">=</span> <span class="st">"#136f63"</span>,</span> | ||||
| <span> white <span class="op">=</span> <span class="st">"#FFFFFF"</span></span> | <span> white <span class="op">=</span> <span class="st">"#FFFFFF"</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||||
| <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>var(--red)</code>.</p> | |||||
| <p>So slide text like this</p> | <p>So slide text like this</p> | ||||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1" aria-hidden="true" tabindex="-1"></a>This **.red[simple]** .white.bg-purple<span class="co">[</span><span class="ot">demo</span><span class="co">]</span> </span> | |||||
| <span id="cb12-2"><a href="#cb12-2" aria-hidden="true" tabindex="-1"></a>_.orange[shows]_ the colors .green<span class="co">[</span><span class="ot">in action</span><span class="co">]</span>.</span></code></pre></div> | |||||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1" tabindex="-1"></a>This **.red[simple]** .white.bg-purple<span class="co">[</span><span class="ot">demo</span><span class="co">]</span> </span> | |||||
| <span id="cb12-2"><a href="#cb12-2" tabindex="-1"></a>_.orange[shows]_ the colors .green<span class="co">[</span><span class="ot">in action</span><span class="co">]</span>.</span></code></pre></div> | |||||
| <p>will be rendered in HTML as</p> | <p>will be rendered in HTML as</p> | ||||
| <blockquote> | <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>. | |||||
| 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> | </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> | |||||
| <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> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside> | </nav></aside> | ||||
| </div> | </div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </div> | </div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||||
| <script src="../doc-versions.js"></script> | |||||
| </body> | </body> | ||||
| </html> | </html> |
+ 212
- 149
dev/articles/xaringanthemer.html
Wyświetl plik
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
| <meta name="description" content="xaringanthemer"> | |||||
| <title>Xaringan CSS Theme Generator • xaringanthemer</title> | <title>Xaringan CSS Theme Generator • xaringanthemer</title> | ||||
| <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> | <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="76x76" href="../apple-touch-icon-76x76.png"> | ||||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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"> | <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"> | |||||
| <link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"> | |||||
| <script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"> | |||||
| <link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"> | |||||
| <script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"> | |||||
| <meta property="og:title" content="Xaringan CSS Theme Generator"> | <meta property="og:title" content="Xaringan CSS Theme Generator"> | ||||
| <meta property="og:description" content="xaringanthemer"> | |||||
| <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"> | <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]> | |||||
| <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> | </head> | ||||
| <body> | <body> | ||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"> | <ul class="navbar-nav me-auto"> | ||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"> | |||||
| <ul class="navbar-nav"> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"> | |||||
| <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-article"> | </nav><div class="container template-article"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Xaringan CSS Theme Generator</h1> | <img src="../logo.png" class="logo" alt=""><h1>Xaringan CSS Theme Generator</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/xaringanthemer.Rmd" class="external-link"><code>vignettes/xaringanthemer.Rmd</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/vignettes/xaringanthemer.Rmd" class="external-link"><code>vignettes/xaringanthemer.Rmd</code></a></small> | |||||
| <div class="d-none name"><code>xaringanthemer.Rmd</code></div> | <div class="d-none name"><code>xaringanthemer.Rmd</code></div> | ||||
| </div> | </div> | ||||
| <style type="text/css"> | <style type="text/css"> | ||||
| img { max-width: 100%; } | img { max-width: 100%; } | ||||
| </style> | </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="#fonts">Fonts</a>, <a href="#colors">Colors</a>, <a href="#adding-custom-css">Adding Custom CSS</a></p> | |||||
| <p>Jump to: <a href="#quick-intro">Quick Intro</a>, <a href="#themes">Themes</a>, <a href="#theme-settings">Theme Settings</a>, | |||||
| <a href="#fonts">Fonts</a>, <a href="#colors">Colors</a>, <a href="#adding-custom-css">Adding Custom CSS</a></p> | |||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a> | <h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a> | ||||
| </h2> | </h2> | ||||
| <!-- Set link to theme-settings, template-variables, theme functions --> | <!-- 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="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></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"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||||
| <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a><span class="in">library(xaringanthemer)</span></span> | |||||
| <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a><span class="in">style_mono_accent(</span></span> | |||||
| <span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a><span class="in"> base_color = "#1c5253",</span></span> | |||||
| <span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a><span class="in"> header_font_google = google_font("Josefin Sans"),</span></span> | |||||
| <span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a><span class="in"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||||
| <span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a><span class="in"> code_font_google = google_font("Fira Mono")</span></span> | |||||
| <span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a><span class="in">)</span></span> | |||||
| <span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code></pre></div> | |||||
| <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"><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></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"><span id="cb2-1"><a href="#cb2-1" tabindex="-1"></a><span class="in">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||||
| <span id="cb2-2"><a href="#cb2-2" tabindex="-1"></a><span class="in">library(xaringanthemer)</span></span> | |||||
| <span id="cb2-3"><a href="#cb2-3" tabindex="-1"></a><span class="in">style_mono_accent(</span></span> | |||||
| <span id="cb2-4"><a href="#cb2-4" tabindex="-1"></a><span class="in"> base_color = "#1c5253",</span></span> | |||||
| <span id="cb2-5"><a href="#cb2-5" tabindex="-1"></a><span class="in"> header_font_google = google_font("Josefin Sans"),</span></span> | |||||
| <span id="cb2-6"><a href="#cb2-6" tabindex="-1"></a><span class="in"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||||
| <span id="cb2-7"><a href="#cb2-7" tabindex="-1"></a><span class="in"> code_font_google = google_font("Fira Mono")</span></span> | |||||
| <span id="cb2-8"><a href="#cb2-8" tabindex="-1"></a><span class="in">)</span></span> | |||||
| <span id="cb2-9"><a href="#cb2-9" tabindex="-1"></a><span class="in">```</span></span></code></pre></div> | |||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a> | <h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a> | ||||
| </h3> | </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" class="external-link">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com" class="external-link">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> | |||||
| <p>More details and examples can be found in <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code>.</p> | |||||
| <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" class="external-link">showtext</a> package, and | |||||
| designed to work seamlessly with <a href="https://fonts.google.com" class="external-link">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> | |||||
| <p>More details and examples can be found in | |||||
| <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code>.</p> | |||||
| <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><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> | <code class="sourceCode R"><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><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">diamonds</span><span class="op">)</span> <span class="op">+</span></span> | <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">diamonds</span><span class="op">)</span> <span class="op">+</span></span> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="tab-completion">Tab Completion<a class="anchor" aria-label="anchor" href="#tab-completion"></a> | <h3 id="tab-completion">Tab Completion<a class="anchor" aria-label="anchor" href="#tab-completion"></a> | ||||
| </h3> | </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><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="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></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> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="r-markdown-template-in-rstudio">R Markdown Template in RStudio<a class="anchor" aria-label="anchor" href="#r-markdown-template-in-rstudio"></a> | <h3 id="r-markdown-template-in-rstudio">R Markdown Template in RStudio<a class="anchor" aria-label="anchor" href="#r-markdown-template-in-rstudio"></a> | ||||
| </h3> | </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> | |||||
| <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> | <center> | ||||
| <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"> | <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> | </center> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="themes">Themes<a class="anchor" aria-label="anchor" href="#themes"></a> | <h2 id="themes">Themes<a class="anchor" aria-label="anchor" href="#themes"></a> | ||||
| </h2> | </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 your 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> | |||||
| <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 your 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 class="section level3"> | <div class="section level3"> | ||||
| <h3 id="monotone">Monotone<a class="anchor" aria-label="anchor" href="#monotone"></a> | <h3 id="monotone">Monotone<a class="anchor" aria-label="anchor" href="#monotone"></a> | ||||
| </h3> | </h3> | ||||
| <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p> | |||||
| <p>Use these functions to automatically create a consistent color | |||||
| palette for your slides, based around a single color.</p> | |||||
| <div class="section level4"> | <div class="section level4"> | ||||
| <h4 id="style_mono_light"> | <h4 id="style_mono_light"> | ||||
| <code>style_mono_light()</code><a class="anchor" aria-label="anchor" href="#style_mono_light"></a> | <code>style_mono_light()</code><a class="anchor" aria-label="anchor" href="#style_mono_light"></a> | ||||
| <h4 id="style_mono_accent"> | <h4 id="style_mono_accent"> | ||||
| <code>style_mono_accent()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent"></a> | <code>style_mono_accent()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent"></a> | ||||
| </h4> | </h4> | ||||
| <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||||
| <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="downlit sourceCode r"> | <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#43418A"</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#43418A"</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p> | ||||
| <h4 id="style_mono_accent_inverse"> | <h4 id="style_mono_accent_inverse"> | ||||
| <code>style_mono_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent_inverse"></a> | <code>style_mono_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent_inverse"></a> | ||||
| </h4> | </h4> | ||||
| <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||||
| <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="cb7"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="solarized">Solarized<a class="anchor" aria-label="anchor" href="#solarized"></a> | <h3 id="solarized">Solarized<a class="anchor" aria-label="anchor" href="#solarized"></a> | ||||
| </h3> | </h3> | ||||
| <p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/" class="external-link">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> | |||||
| <p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/" class="external-link">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 class="section level4"> | <div class="section level4"> | ||||
| <h4 id="style_solarized_light"> | <h4 id="style_solarized_light"> | ||||
| <code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a> | <code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p> | <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> | <p>To do this, your YAML header should look more-or-less like this:</p> | ||||
| <div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb13-1"><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb13-2"><a href="#cb13-2" aria-hidden="true" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb13-3"><a href="#cb13-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span> | |||||
| <span id="cb13-4"><a href="#cb13-4" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||||
| <span id="cb13-5"><a href="#cb13-5" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span> | |||||
| <span id="cb13-6"><a href="#cb13-6" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span> | |||||
| <span id="cb13-7"><a href="#cb13-7" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div> | |||||
| <div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb13-1"><a href="#cb13-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb13-2"><a href="#cb13-2" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb13-3"><a href="#cb13-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span> | |||||
| <span id="cb13-4"><a href="#cb13-4" tabindex="-1"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||||
| <span id="cb13-5"><a href="#cb13-5" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span> | |||||
| <span id="cb13-6"><a href="#cb13-6" tabindex="-1"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span> | |||||
| <span id="cb13-7"><a href="#cb13-7" tabindex="-1"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="theme-settings">Theme Settings<a class="anchor" aria-label="anchor" href="#theme-settings"></a> | <h2 id="theme-settings">Theme Settings<a class="anchor" aria-label="anchor" href="#theme-settings"></a> | ||||
| </h2> | </h2> | ||||
| <p>The theme functions listed above are just wrappers around the central function of this package, <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p> | |||||
| <p>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>vignette("template-variables", "xaringanthemer")</code></a>.</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>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>vignette("template-variables", "xaringanthemer")</code></a>.</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> | <p>Here are some of the <code>text_</code> theme options:</p> | ||||
| <ul> | <ul> | ||||
| <li><code>text_color</code></li> | <li><code>text_color</code></li> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="default-fonts">Default Fonts<a class="anchor" aria-label="anchor" href="#default-fonts"></a> | <h3 id="default-fonts">Default Fonts<a class="anchor" aria-label="anchor" href="#default-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p>The default heading and body fonts used in <strong>xaringanthemer</strong> are different than the xaringan default fonts. In xaringanthemer, <a href="https://fonts.google.com/specimen/Cabin" class="external-link">Cabin</a> is used for headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">Noto Sans</a> for body text.</p> | |||||
| <p>The default heading and body fonts used in | |||||
| <strong>xaringanthemer</strong> are different than the xaringan default | |||||
| fonts. In xaringanthemer, <a href="https://fonts.google.com/specimen/Cabin" class="external-link">Cabin</a> is used for | |||||
| headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">Noto | |||||
| Sans</a> for body text.</p> | |||||
| <div class="font-preview"> | <div class="font-preview"> | ||||
| <p style="font-size: 1.5em" class="cabin"> | <p style="font-size: 1.5em" class="cabin"> | ||||
| A Cabin in the Clearing | A Cabin in the Clearing | ||||
| </p> | </p> | ||||
| <p class="noto-sans"> | <p class="noto-sans"> | ||||
| Pack my box with five dozen liquor jugs. Amazingly few discotheques provide jukeboxes. | |||||
| Pack my box with five dozen liquor jugs. Amazingly few discotheques | |||||
| provide jukeboxes. | |||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| <p>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.org/xaringan/" class="external-link">default xaringan theme</a>, you can use the following arguments in your style function.</p> | |||||
| <p>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.org/xaringan/" class="external-link">default xaringan theme</a>, | |||||
| you can use the following arguments in your style function.</p> | |||||
| <div class="sourceCode" id="cb14"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb14"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span></span> | ||||
| <span> text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,</span> | <span> text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,</span> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="custom-and-google-font-fonts">Custom and <em>Google Font</em> Fonts<a class="anchor" aria-label="anchor" href="#custom-and-google-font-fonts"></a> | <h3 id="custom-and-google-font-fonts">Custom and <em>Google Font</em> Fonts<a class="anchor" aria-label="anchor" href="#custom-and-google-font-fonts"></a> | ||||
| </h3> | </h3> | ||||
| <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com" class="external-link">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" class="external-link">Google Fonts</a>, set the <code><type>_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> | |||||
| <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com" class="external-link">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" class="external-link">Google Fonts</a>, set the | |||||
| <code><type>_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"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb15"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | ||||
| <span> header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,</span> | <span> header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,</span> | ||||
| <span> text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,</span> | <span> text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,</span> | ||||
| <span> code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span></span> | <span> code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>If you set an <code><type>_font_google</code> theme arguments, then <code><type>_font_family</code>, <code><type>_font_weight</code> and <code><type>_font_url</code> are overwritten – where <code><type></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><type>_font_family</code> and <code><type>_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" class="external-link">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support" class="external-link">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> | |||||
| <p>If you set an <code><type>_font_google</code> theme arguments, | |||||
| then <code><type>_font_family</code>, | |||||
| <code><type>_font_weight</code> and | |||||
| <code><type>_font_url</code> are overwritten – where | |||||
| <code><type></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><type>_font_family</code> and | |||||
| <code><type>_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" class="external-link">Fira Code</a>, which would be | |||||
| declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support" class="external-link">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"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb16"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span></span> | ||||
| <span> code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,</span> | <span> code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,</span> | ||||
| <span> code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span></span> | <span> code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>Remember that you need to supply either <code><type>_google_font</code> using the <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> <code><type>_font_family</code> and <code><type>_font_url</code>.</p> | |||||
| <p>Remember that you need to supply either | |||||
| <code><type>_google_font</code> using the | |||||
| <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> | |||||
| <code><type>_font_family</code> and | |||||
| <code><type>_font_url</code>.</p> | |||||
| </div> | </div> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="using-additional-fonts">Using Additional Fonts<a class="anchor" aria-label="anchor" href="#using-additional-fonts"></a> | <h3 id="using-additional-fonts">Using Additional Fonts<a class="anchor" aria-label="anchor" href="#using-additional-fonts"></a> | ||||
| </h3> | </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> | |||||
| <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"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb17"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span></span> | ||||
| <span> extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span> | <span> extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | ||||
| </h2> | </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 additional colors to use in your slides. This argument takes a vector of named colors</p> | |||||
| <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 additional | |||||
| colors to use in your slides. This argument takes a vector of named | |||||
| colors</p> | |||||
| <div class="sourceCode" id="cb18"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb18"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span> | ||||
| <span> red <span class="op">=</span> <span class="st">"#f34213"</span>,</span> | <span> red <span class="op">=</span> <span class="st">"#f34213"</span>,</span> | ||||
| <span> green <span class="op">=</span> <span class="st">"#136f63"</span>,</span> | <span> green <span class="op">=</span> <span class="st">"#136f63"</span>,</span> | ||||
| <span> white <span class="op">=</span> <span class="st">"#FFFFFF"</span></span> | <span> white <span class="op">=</span> <span class="st">"#FFFFFF"</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||||
| <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>var(--red)</code>.</p> | |||||
| <p>So slide text like this</p> | <p>So slide text like this</p> | ||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1" aria-hidden="true" tabindex="-1"></a>This **.red[simple]** .white.bg-purple<span class="co">[</span><span class="ot">demo</span><span class="co">]</span> </span> | |||||
| <span id="cb19-2"><a href="#cb19-2" aria-hidden="true" tabindex="-1"></a>_.orange[shows]_ the colors .green<span class="co">[</span><span class="ot">in action</span><span class="co">]</span>.</span></code></pre></div> | |||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1" tabindex="-1"></a>This **.red[simple]** .white.bg-purple<span class="co">[</span><span class="ot">demo</span><span class="co">]</span> </span> | |||||
| <span id="cb19-2"><a href="#cb19-2" tabindex="-1"></a>_.orange[shows]_ the colors .green<span class="co">[</span><span class="ot">in action</span><span class="co">]</span>.</span></code></pre></div> | |||||
| <p>will be rendered in HTML as</p> | <p>will be rendered in HTML as</p> | ||||
| <blockquote> | <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>. | |||||
| 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> | </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> | |||||
| <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="section level2"> | <div class="section level2"> | ||||
| <h2 id="adding-custom-css">Adding Custom CSS<a class="anchor" aria-label="anchor" href="#adding-custom-css"></a> | <h2 id="adding-custom-css">Adding Custom CSS<a class="anchor" aria-label="anchor" href="#adding-custom-css"></a> | ||||
| </h2> | </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> | |||||
| <p>You can also add custom CSS classes using the <code>extra_css</code> | |||||
| argument in the theme functions. This argument takes a named list of CSS | |||||
| definitions each containing a named list of CSS property-value | |||||
| pairs.</p> | |||||
| <div class="sourceCode" id="cb20"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb20"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="va">extra_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span> | <code class="sourceCode R"><span><span class="va">extra_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span> | ||||
| <span> <span class="st">".small"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="st">"font-size"</span> <span class="op">=</span> <span class="st">"90%"</span><span class="op">)</span>,</span> | <span> <span class="st">".small"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="st">"font-size"</span> <span class="op">=</span> <span class="st">"90%"</span><span class="op">)</span>,</span> | ||||
| <span> flex <span class="op">=</span> <span class="st">"1 1 auto"</span></span> | <span> flex <span class="op">=</span> <span class="st">"1 1 auto"</span></span> | ||||
| <span> <span class="op">)</span></span> | <span> <span class="op">)</span></span> | ||||
| <span><span class="op">)</span></span></code></pre></div> | <span><span class="op">)</span></span></code></pre></div> | ||||
| <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> | |||||
| <p>If you would rather keep your additional css definitions in a | |||||
| separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. | |||||
| Just be sure to include your new CSS file in the list of applied files | |||||
| in your YAML header.</p> | |||||
| <div class="sourceCode" id="cb21"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb21"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span><span class="op">(</span>css <span class="op">=</span> <span class="va">extra_css</span>, outfile <span class="op">=</span> <span class="st">"custom.css"</span><span class="op">)</span></span></code></pre></div> | <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span><span class="op">(</span>css <span class="op">=</span> <span class="va">extra_css</span>, outfile <span class="op">=</span> <span class="st">"custom.css"</span><span class="op">)</span></span></code></pre></div> | ||||
| <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1" aria-hidden="true" tabindex="-1"></a><span class="co">/* Extra CSS */</span></span> | |||||
| <span id="cb22-2"><a href="#cb22-2" aria-hidden="true" tabindex="-1"></a><span class="fu">.small</span> {</span> | |||||
| <span id="cb22-3"><a href="#cb22-3" aria-hidden="true" tabindex="-1"></a> <span class="kw">font-size</span>: <span class="dv">90</span><span class="dt">%</span><span class="op">;</span></span> | |||||
| <span id="cb22-4"><a href="#cb22-4" aria-hidden="true" tabindex="-1"></a>}</span> | |||||
| <span id="cb22-5"><a href="#cb22-5" aria-hidden="true" tabindex="-1"></a><span class="fu">.full-width</span> {</span> | |||||
| <span id="cb22-6"><a href="#cb22-6" aria-hidden="true" tabindex="-1"></a> <span class="kw">display</span>: flex<span class="op">;</span></span> | |||||
| <span id="cb22-7"><a href="#cb22-7" aria-hidden="true" tabindex="-1"></a> <span class="kw">width</span>: <span class="dv">100</span><span class="dt">%</span><span class="op">;</span></span> | |||||
| <span id="cb22-8"><a href="#cb22-8" aria-hidden="true" tabindex="-1"></a> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="bu">auto</span><span class="op">;</span></span> | |||||
| <span id="cb22-9"><a href="#cb22-9" aria-hidden="true" tabindex="-1"></a>}</span></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" class="external-link">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could add slide text <code>.small[in smaller font size]</code>.</p> | |||||
| <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1" tabindex="-1"></a><span class="co">/* Extra CSS */</span></span> | |||||
| <span id="cb22-2"><a href="#cb22-2" tabindex="-1"></a><span class="fu">.small</span> {</span> | |||||
| <span id="cb22-3"><a href="#cb22-3" tabindex="-1"></a> <span class="kw">font-size</span><span class="ch">:</span> <span class="dv">90</span><span class="dt">%</span><span class="op">;</span></span> | |||||
| <span id="cb22-4"><a href="#cb22-4" tabindex="-1"></a>}</span> | |||||
| <span id="cb22-5"><a href="#cb22-5" tabindex="-1"></a><span class="fu">.full-width</span> {</span> | |||||
| <span id="cb22-6"><a href="#cb22-6" tabindex="-1"></a> <span class="kw">display</span><span class="ch">:</span> <span class="dv">flex</span><span class="op">;</span></span> | |||||
| <span id="cb22-7"><a href="#cb22-7" tabindex="-1"></a> <span class="kw">width</span><span class="ch">:</span> <span class="dv">100</span><span class="dt">%</span><span class="op">;</span></span> | |||||
| <span id="cb22-8"><a href="#cb22-8" tabindex="-1"></a> <span class="kw">flex</span><span class="ch">:</span> <span class="dv">1</span> <span class="dv">1</span> <span class="bu">auto</span><span class="op">;</span></span> | |||||
| <span id="cb22-9"><a href="#cb22-9" tabindex="-1"></a>}</span></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" class="external-link">remark.js</a> | |||||
| <code>.class[]</code> syntax. Using the above example, we could add | |||||
| slide text <code>.small[in smaller font size]</code>.</p> | |||||
| <hr> | <hr> | ||||
| <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck" class="external-link">@grrrck</a>).</p> | <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck" class="external-link">@grrrck</a>).</p> | ||||
| <p>Big thank you to <a href="https://yihui.org" class="external-link">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a>. Also thanks to <a href="http://www.gnab.org/" class="external-link">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark" class="external-link">remark.js</a>.</p> | |||||
| <p>Feel free to <a href="https://github.com/gadenbuie/xaringanthemer/issues" class="external-link">file an issue</a> if you find a bug or have a theme suggestion – or better yet, submit a pull request!</p> | |||||
| <p>Big thank you to <a href="https://yihui.org" class="external-link">Yihui Xie</a>, | |||||
| especially for <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a>. | |||||
| Also thanks to <a href="http://www.gnab.org/" class="external-link">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark" class="external-link">remark.js</a>.</p> | |||||
| <p>Feel free to <a href="https://github.com/gadenbuie/xaringanthemer/issues" class="external-link">file an | |||||
| issue</a> if you find a bug or have a theme suggestion – or better yet, | |||||
| submit a pull request!</p> | |||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside> | </nav></aside> | ||||
| </div> | </div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </div> | </div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||||
| <script src="../doc-versions.js"></script> | |||||
| </body> | </body> | ||||
| </html> | </html> |
+ 44
- 75
dev/authors.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><title>Authors and Citation • 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="Authors and Citation"><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Authors and Citation • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="deps/headroom-0.11.0/headroom.min.js"></script><script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="deps/search-1.0.0/fuse.min.js"></script><script src="deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="Authors and Citation"><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-citation-authors"> | </nav><div class="container template-citation-authors"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <img src="logo.png" class="logo" alt=""><h1>Authors and Citation</h1> | <img src="logo.png" class="logo" alt=""><h1>Authors and Citation</h1> | ||||
| </div> | </div> | ||||
| <div class="section level2 citation"> | |||||
| <div class="section level2"> | |||||
| <h2>Authors</h2> | <h2>Authors</h2> | ||||
| <ul class="list-unstyled"><li> | <ul class="list-unstyled"><li> | ||||
| <p><strong><a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a></strong>. Author, maintainer. <a href="https://orcid.org/0000-0002-7111-0077" target="orcid.widget" aria-label="ORCID" class="external-link"><span class="fab fa-orcid orcid" aria-hidden="true"></span></a> | <p><strong><a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a></strong>. Author, maintainer. <a href="https://orcid.org/0000-0002-7111-0077" target="orcid.widget" aria-label="ORCID" class="external-link"><span class="fab fa-orcid orcid" aria-hidden="true"></span></a> | ||||
| </p> | </p> | ||||
| </li> | </li> | ||||
| </ul></div> | </ul></div> | ||||
| <div class="section level2 citation"> | |||||
| <div class="section level2"> | |||||
| <h2 id="citation">Citation</h2> | <h2 id="citation">Citation</h2> | ||||
| <p><small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/DESCRIPTION" class="external-link"><code>DESCRIPTION</code></a></small></p> | |||||
| <p><small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/DESCRIPTION" class="external-link"><code>DESCRIPTION</code></a></small></p> | |||||
| <p>Aden-Buie G (2022). | |||||
| <p>Aden-Buie G (2024). | |||||
| <em>xaringanthemer: Custom 'xaringan' CSS Themes</em>. | <em>xaringanthemer: Custom 'xaringan' CSS Themes</em>. | ||||
| https://pkg.garrickadenbuie.com/xaringanthemer/, | |||||
| https://github.com/gadenbuie/xaringanthemer. | |||||
| R package version 0.4.2.9000, | |||||
| https://github.com/gadenbuie/xaringanthemer, <a href="https://pkg.garrickadenbuie.com/xaringanthemer/">https://pkg.garrickadenbuie.com/xaringanthemer/</a>. | |||||
| </p> | </p> | ||||
| <pre>@Manual{, | <pre>@Manual{, | ||||
| title = {xaringanthemer: Custom 'xaringan' CSS Themes}, | title = {xaringanthemer: Custom 'xaringan' CSS Themes}, | ||||
| author = {Garrick Aden-Buie}, | author = {Garrick Aden-Buie}, | ||||
| year = {2022}, | |||||
| note = {https://pkg.garrickadenbuie.com/xaringanthemer/, | |||||
| https://github.com/gadenbuie/xaringanthemer}, | |||||
| year = {2024}, | |||||
| note = {R package version 0.4.2.9000, | |||||
| https://github.com/gadenbuie/xaringanthemer}, | |||||
| url = {https://pkg.garrickadenbuie.com/xaringanthemer/}, | |||||
| }</pre> | }</pre> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="doc-versions.js"></script></body></html> | |||||
BIN
dev/deps/IBM_Plex_Mono-0.4.9/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2
Wyświetl plik
BIN
dev/deps/IBM_Plex_Mono-0.4.9/-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2
Wyświetl plik
BIN
dev/deps/IBM_Plex_Mono-0.4.9/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2
Wyświetl plik
BIN
dev/deps/IBM_Plex_Mono-0.4.9/-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2
Wyświetl plik
BIN
dev/deps/IBM_Plex_Mono-0.4.9/-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2
Wyświetl plik
+ 45
- 0
dev/deps/IBM_Plex_Mono-0.4.9/font.css
Wyświetl plik
| /* cyrillic-ext */ | |||||
| @font-face { | |||||
| font-family: 'IBM Plex Mono'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2) format('woff2'); | |||||
| unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; | |||||
| } | |||||
| /* cyrillic */ | |||||
| @font-face { | |||||
| font-family: 'IBM Plex Mono'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2) format('woff2'); | |||||
| unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | |||||
| } | |||||
| /* vietnamese */ | |||||
| @font-face { | |||||
| font-family: 'IBM Plex Mono'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2) format('woff2'); | |||||
| unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; | |||||
| } | |||||
| /* latin-ext */ | |||||
| @font-face { | |||||
| font-family: 'IBM Plex Mono'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2'); | |||||
| unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; | |||||
| } | |||||
| /* latin */ | |||||
| @font-face { | |||||
| font-family: 'IBM Plex Mono'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2'); | |||||
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||||
| } |
BIN
dev/deps/Outfit-0.4.9/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1O4a0Ew.woff2
Wyświetl plik
BIN
dev/deps/Outfit-0.4.9/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1O4i0ExAo.woff2
Wyświetl plik
+ 18
- 0
dev/deps/Outfit-0.4.9/font.css
Wyświetl plik
| /* latin-ext */ | |||||
| @font-face { | |||||
| font-family: 'Outfit'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1O4i0ExAo.woff2) format('woff2'); | |||||
| unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; | |||||
| } | |||||
| /* latin */ | |||||
| @font-face { | |||||
| font-family: 'Outfit'; | |||||
| font-style: normal; | |||||
| font-weight: 400; | |||||
| font-display: swap; | |||||
| src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1O4a0Ew.woff2) format('woff2'); | |||||
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||||
| } |
+ 7
- 0
dev/deps/bootstrap-5.3.1/bootstrap.bundle.min.js
Plik diff jest za duży
Wyświetl plik
+ 1
- 0
dev/deps/bootstrap-5.3.1/bootstrap.bundle.min.js.map
Plik diff jest za duży
Wyświetl plik
+ 5
- 0
dev/deps/bootstrap-5.3.1/bootstrap.min.css
Plik diff jest za duży
Wyświetl plik
+ 5
- 0
dev/deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js
Wyświetl plik
| /*! | |||||
| * Bootstrap Table of Contents v1.0.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(a){"use strict";window.Toc={helpers:{findOrFilter:function(e,t){var n=e.find(t);return e.filter(t).add(n).filter(":not([data-toc-skip])")},generateUniqueIdBase:function(e){return a(e).text().trim().replace(/\'/gi,"").replace(/[& +$,:;=?@"#{}|^~[`%!'<>\]\.\/\(\)\*\\\n\t\b\v]/g,"-").replace(/-{2,}/g,"-").substring(0,64).replace(/^-+|-+$/gm,"").toLowerCase()||e.tagName.toLowerCase()},generateUniqueId:function(e){for(var t=this.generateUniqueIdBase(e),n=0;;n++){var r=t;if(0<n&&(r+="-"+n),!document.getElementById(r))return r}},generateAnchor:function(e){if(e.id)return e.id;var t=this.generateUniqueId(e);return e.id=t},createNavList:function(){return a('<ul class="nav navbar-nav"></ul>')},createChildNavList:function(e){var t=this.createNavList();return e.append(t),t},generateNavEl:function(e,t){var n=a('<a class="nav-link"></a>');n.attr("href","#"+e),n.text(t);var r=a("<li></li>");return r.append(n),r},generateNavItem:function(e){var t=this.generateAnchor(e),n=a(e),r=n.data("toc-text")||n.text();return this.generateNavEl(t,r)},getTopLevel:function(e){for(var t=1;t<=6;t++){if(1<this.findOrFilter(e,"h"+t).length)return t}return 1},getHeadings:function(e,t){var n="h"+t,r="h"+(t+1);return this.findOrFilter(e,n+","+r)},getNavLevel:function(e){return parseInt(e.tagName.charAt(1),10)},populateNav:function(r,a,e){var i,s=r,c=this;e.each(function(e,t){var n=c.generateNavItem(t);c.getNavLevel(t)===a?s=r:i&&s===r&&(s=c.createChildNavList(i)),s.append(n),i=n})},parseOps:function(e){var t;return(t=e.jquery?{$nav:e}:e).$scope=t.$scope||a(document.body),t}},init:function(e){(e=this.helpers.parseOps(e)).$nav.attr("data-toggle","toc");var t=this.helpers.createChildNavList(e.$nav),n=this.helpers.getTopLevel(e.$scope),r=this.helpers.getHeadings(e.$scope,n);this.helpers.populateNav(t,n,r)}},a(function(){a('nav[data-toggle="toc"]').each(function(e,t){var n=a(t);Toc.init(n)})})}(jQuery); |
+ 7
- 0
dev/deps/clipboard.js-2.0.11/clipboard.min.js
Plik diff jest za duży
Wyświetl plik
+ 13
- 4
dev/deps/data-deps.txt
Wyświetl plik
| <script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script> | <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" /> | <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" /> | |||||
| <link href="deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet" /> | |||||
| <script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script> | |||||
| <link href="deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet" /> | |||||
| <link href="deps/Outfit-0.4.9/font.css" rel="stylesheet" /> | |||||
| <link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet" /> | |||||
| <link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet" /> | |||||
| <script src="deps/headroom-0.11.0/headroom.min.js"></script> | |||||
| <script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script> | |||||
| <script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script> | |||||
| <script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script> | |||||
| <script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script> | |||||
| <script src="deps/search-1.0.0/fuse.min.js"></script> | |||||
| <script src="deps/search-1.0.0/mark.min.js"></script> |
+ 7968
- 0
dev/deps/font-awesome-6.4.2/css/all.css
Plik diff jest za duży
Wyświetl plik
+ 9
- 0
dev/deps/font-awesome-6.4.2/css/all.min.css
Plik diff jest za duży
Wyświetl plik
+ 2194
- 0
dev/deps/font-awesome-6.4.2/css/v4-shims.css
Plik diff jest za duży
Wyświetl plik
+ 6
- 0
dev/deps/font-awesome-6.4.2/css/v4-shims.min.css
Plik diff jest za duży
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-brands-400.ttf
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-brands-400.woff2
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-regular-400.ttf
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-regular-400.woff2
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-solid-900.ttf
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-solid-900.woff2
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-v4compatibility.ttf
Wyświetl plik
BIN
dev/deps/font-awesome-6.4.2/webfonts/fa-v4compatibility.woff2
Wyświetl plik
+ 7
- 0
dev/deps/headroom-0.11.0/headroom.min.js
Wyświetl plik
| /*! | |||||
| * headroom.js v0.11.0 - Give your page some headroom. Hide your header until you need it | |||||
| * Copyright (c) 2020 Nick Williams - http://wicky.nillia.ms/headroom.js | |||||
| * License: MIT | |||||
| */ | |||||
| !function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(t=t||self).Headroom=n()}(this,function(){"use strict";function t(){return"undefined"!=typeof window}function d(t){return function(t){return t&&t.document&&function(t){return 9===t.nodeType}(t.document)}(t)?function(t){var n=t.document,o=n.body,s=n.documentElement;return{scrollHeight:function(){return Math.max(o.scrollHeight,s.scrollHeight,o.offsetHeight,s.offsetHeight,o.clientHeight,s.clientHeight)},height:function(){return t.innerHeight||s.clientHeight||o.clientHeight},scrollY:function(){return void 0!==t.pageYOffset?t.pageYOffset:(s||o.parentNode||o).scrollTop}}}(t):function(t){return{scrollHeight:function(){return Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight)},height:function(){return Math.max(t.offsetHeight,t.clientHeight)},scrollY:function(){return t.scrollTop}}}(t)}function n(t,s,e){var n,o=function(){var n=!1;try{var t={get passive(){n=!0}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){n=!1}return n}(),i=!1,r=d(t),l=r.scrollY(),a={};function c(){var t=Math.round(r.scrollY()),n=r.height(),o=r.scrollHeight();a.scrollY=t,a.lastScrollY=l,a.direction=l<t?"down":"up",a.distance=Math.abs(t-l),a.isOutOfBounds=t<0||o<t+n,a.top=t<=s.offset,a.bottom=o<=t+n,a.toleranceExceeded=a.distance>s.tolerance[a.direction],e(a),l=t,i=!1}function h(){i||(i=!0,n=requestAnimationFrame(c))}var u=!!o&&{passive:!0,capture:!1};return t.addEventListener("scroll",h,u),c(),{destroy:function(){cancelAnimationFrame(n),t.removeEventListener("scroll",h,u)}}}function o(t,n){n=n||{},Object.assign(this,o.options,n),this.classes=Object.assign({},o.options.classes,n.classes),this.elem=t,this.tolerance=function(t){return t===Object(t)?t:{down:t,up:t}}(this.tolerance),this.initialised=!1,this.frozen=!1}return o.prototype={constructor:o,init:function(){return o.cutsTheMustard&&!this.initialised&&(this.addClass("initial"),this.initialised=!0,setTimeout(function(t){t.scrollTracker=n(t.scroller,{offset:t.offset,tolerance:t.tolerance},t.update.bind(t))},100,this)),this},destroy:function(){this.initialised=!1,Object.keys(this.classes).forEach(this.removeClass,this),this.scrollTracker.destroy()},unpin:function(){!this.hasClass("pinned")&&this.hasClass("unpinned")||(this.addClass("unpinned"),this.removeClass("pinned"),this.onUnpin&&this.onUnpin.call(this))},pin:function(){this.hasClass("unpinned")&&(this.addClass("pinned"),this.removeClass("unpinned"),this.onPin&&this.onPin.call(this))},freeze:function(){this.frozen=!0,this.addClass("frozen")},unfreeze:function(){this.frozen=!1,this.removeClass("frozen")},top:function(){this.hasClass("top")||(this.addClass("top"),this.removeClass("notTop"),this.onTop&&this.onTop.call(this))},notTop:function(){this.hasClass("notTop")||(this.addClass("notTop"),this.removeClass("top"),this.onNotTop&&this.onNotTop.call(this))},bottom:function(){this.hasClass("bottom")||(this.addClass("bottom"),this.removeClass("notBottom"),this.onBottom&&this.onBottom.call(this))},notBottom:function(){this.hasClass("notBottom")||(this.addClass("notBottom"),this.removeClass("bottom"),this.onNotBottom&&this.onNotBottom.call(this))},shouldUnpin:function(t){return"down"===t.direction&&!t.top&&t.toleranceExceeded},shouldPin:function(t){return"up"===t.direction&&t.toleranceExceeded||t.top},addClass:function(t){this.elem.classList.add.apply(this.elem.classList,this.classes[t].split(" "))},removeClass:function(t){this.elem.classList.remove.apply(this.elem.classList,this.classes[t].split(" "))},hasClass:function(t){return this.classes[t].split(" ").every(function(t){return this.classList.contains(t)},this.elem)},update:function(t){t.isOutOfBounds||!0!==this.frozen&&(t.top?this.top():this.notTop(),t.bottom?this.bottom():this.notBottom(),this.shouldUnpin(t)?this.unpin():this.shouldPin(t)&&this.pin())}},o.options={tolerance:{up:0,down:0},offset:0,scroller:t()?window:null,classes:{frozen:"headroom--frozen",pinned:"headroom--pinned",unpinned:"headroom--unpinned",top:"headroom--top",notTop:"headroom--not-top",bottom:"headroom--bottom",notBottom:"headroom--not-bottom",initial:"headroom"}},o.cutsTheMustard=!!(t()&&function(){}.bind&&"classList"in document.documentElement&&Object.assign&&Object.keys&&requestAnimationFrame),o}); |
+ 7
- 0
dev/deps/headroom-0.11.0/jQuery.headroom.min.js
Wyświetl plik
| /*! | |||||
| * headroom.js v0.9.4 - Give your page some headroom. Hide your header until you need it | |||||
| * Copyright (c) 2017 Nick Williams - http://wicky.nillia.ms/headroom.js | |||||
| * License: MIT | |||||
| */ | |||||
| !function(a){a&&(a.fn.headroom=function(b){return this.each(function(){var c=a(this),d=c.data("headroom"),e="object"==typeof b&&b;e=a.extend(!0,{},Headroom.options,e),d||(d=new Headroom(this,e),d.init(),c.data("headroom",d)),"string"==typeof b&&(d[b](),"destroy"===b&&c.removeData("headroom"))})},a("[data-headroom]").each(function(){var b=a(this);b.headroom(b.data())}))}(window.Zepto||window.jQuery); |
+ 7
- 0
dev/deps/search-1.0.0/autocomplete.jquery.min.js
Plik diff jest za duży
Wyświetl plik
+ 9
- 0
dev/deps/search-1.0.0/fuse.min.js
Plik diff jest za duży
Wyświetl plik
+ 7
- 0
dev/deps/search-1.0.0/mark.min.js
Plik diff jest za duży
Wyświetl plik
+ 224
- 0
dev/doc-versions.js
Wyświetl plik
| ;(function () { | |||||
| function findPkgdownGlobalRoot () { | |||||
| const origin = window.location.origin | |||||
| const path = window.location.pathname.replace(/[^/]+$/, '') | |||||
| // Special cases supported by our versioned pkgdown workflow | |||||
| const specials = [/dev\//, /preview\//, /v\d+\.\d+\.\d+\//] | |||||
| for (const special of specials) { | |||||
| if (special.test(path)) { | |||||
| return origin + path.split(special)[0] | |||||
| } | |||||
| } | |||||
| const pkgdownDirs = ['articles', 'news', 'reference'] | |||||
| for (const pkgdownDir of pkgdownDirs) { | |||||
| if (path.includes(pkgdownDir)) { | |||||
| return origin + path.split(`${pkgdownDir}/`)[0] | |||||
| } | |||||
| } | |||||
| return origin + path | |||||
| } | |||||
| function pathDir (url) { | |||||
| return url.replace(/\/[^/]+$/, '/') | |||||
| } | |||||
| function ensureTrailingSlash (url) { | |||||
| return /\/$/.test(url) ? url : url + '/' | |||||
| } | |||||
| function ensureFullPath (url) { | |||||
| return /^\//.test(url) ? window.location.origin + url : url | |||||
| } | |||||
| function findPkgdownLocalRoot () { | |||||
| // get `src` attribute of the current <script> tag | |||||
| const scripts = document.getElementsByTagName('script') | |||||
| const currentScript = scripts[scripts.length - 1] | |||||
| let src = pathDir(currentScript.getAttribute('src')) | |||||
| if (!src.includes('/') || src === '/') { | |||||
| src = '' | |||||
| } | |||||
| const currentDir = pathDir(window.location.href) | |||||
| const root = new URL(currentDir + src).toString() | |||||
| return ensureTrailingSlash(root) | |||||
| } | |||||
| function makeNewPkgdownLink (newBase) { | |||||
| newBase = ensureFullPath(newBase) | |||||
| newBase = ensureTrailingSlash(newBase) | |||||
| return window.location.href.replace(findPkgdownLocalRoot(), newBase) | |||||
| } | |||||
| async function getVersions () { | |||||
| let versionsUrl | |||||
| if (window.PKGDOWN_VERSIONS_URL) { | |||||
| versionsUrl = window.PKGDOWN_VERSIONS_URL | |||||
| } else { | |||||
| let pkgdownRoot = findPkgdownGlobalRoot() | |||||
| if (!/\/$/.test(pkgdownRoot)) { | |||||
| pkgdownRoot += '/' | |||||
| } | |||||
| versionsUrl = pkgdownRoot + 'doc-versions.json' | |||||
| } | |||||
| try { | |||||
| const response = await fetch(versionsUrl) | |||||
| return response.json() | |||||
| } catch { | |||||
| return null | |||||
| } | |||||
| } | |||||
| function createVersionDropdown (current, versions) { | |||||
| if (typeof versions === 'string') { | |||||
| console.error( | |||||
| '`doc-versions.json` should be an array or object, not a string' | |||||
| ) | |||||
| return | |||||
| } | |||||
| const dropdown = document.createElement('ul') | |||||
| dropdown.classList.add('navbar-nav') | |||||
| const li = document.createElement('li') | |||||
| li.classList.add('nav-item', 'dropdown') | |||||
| dropdown.appendChild(li) | |||||
| const a = document.createElement('a') | |||||
| a.classList.add('nav-link', 'dropdown-toggle') | |||||
| if (current.matches('.text-danger')) { | |||||
| a.classList.add('text-danger') | |||||
| } | |||||
| a.href = '#' | |||||
| a.role = 'button' | |||||
| a.dataset.bsToggle = 'dropdown' | |||||
| a.ariaExpanded = false | |||||
| a.innerText = current.innerText | |||||
| li.appendChild(a) | |||||
| const ul = document.createElement('ul') | |||||
| ul.classList.add('dropdown-menu') | |||||
| li.appendChild(ul) | |||||
| if (versions.constructor === Object) { | |||||
| versions = [versions] | |||||
| } | |||||
| versions.forEach(item => { | |||||
| if (item === '---') { | |||||
| ul.appendChild(createVersionDropdownDivider()) | |||||
| return | |||||
| } | |||||
| // if item is a string, it is a header | |||||
| if (typeof item === 'string') { | |||||
| ul.appendChild(createVersionDropdownHeader(item)) | |||||
| return | |||||
| } | |||||
| const version = item.version ? item.version : item.text.replace(/^v/, '') | |||||
| const isCurrent = current.innerText === version | |||||
| ul.appendChild(createVersionDropdownItem(item, isCurrent)) | |||||
| }) | |||||
| return dropdown | |||||
| } | |||||
| function createVersionDropdownItem ({ text, url }, isCurrent = false) { | |||||
| const li = document.createElement('li') | |||||
| const a = document.createElement('a') | |||||
| a.classList.add('dropdown-item') | |||||
| if (isCurrent) a.classList.add('active') | |||||
| // link to current page in the other version (may not exist!) | |||||
| a.href = makeNewPkgdownLink(url) | |||||
| a.innerText = text | |||||
| li.appendChild(a) | |||||
| return li | |||||
| } | |||||
| function createVersionDropdownDivider () { | |||||
| // <li><hr class="dropdown-divider"></li> | |||||
| const li = document.createElement('li') | |||||
| const hr = document.createElement('hr') | |||||
| hr.classList.add('dropdown-divider') | |||||
| li.appendChild(hr) | |||||
| return li | |||||
| } | |||||
| function createVersionDropdownHeader (text) { | |||||
| // <li><h6 class="dropdown-header">Dropdown header</h6></li> | |||||
| const li = document.createElement('li') | |||||
| const h6 = document.createElement('h6') | |||||
| h6.classList.add('dropdown-header') | |||||
| h6.innerText = text | |||||
| li.appendChild(h6) | |||||
| return li | |||||
| } | |||||
| function insertBanner (banner) { | |||||
| if (!banner) return | |||||
| const main = document.querySelector('main') | |||||
| if (!main) return | |||||
| let { html, class: classes } = banner | |||||
| if (typeof classes === 'string') { | |||||
| // Classes can be a string or an array of strings | |||||
| classes = [classes] | |||||
| } | |||||
| // <div class="d-block px-3 py-2 text-center text-bold skippy"> | |||||
| // <a href="https://getbootstrap.com/" class="text-white text-decoration-none">There's a newer version of Bootstrap!</a> | |||||
| // </div> | |||||
| const div = document.createElement('div') | |||||
| div.classList.add('alert', 'px-3', 'py-2', 'text-center', ...classes) | |||||
| div.innerHTML = html | |||||
| div.querySelectorAll('a').forEach(a => { | |||||
| if (!a.hasAttribute('href')) { | |||||
| a.href = makeNewPkgdownLink(findPkgdownGlobalRoot()) | |||||
| } | |||||
| }) | |||||
| main.insertAdjacentElement('afterbegin', div) | |||||
| return div | |||||
| } | |||||
| function maybeInsertBanner (versions) { | |||||
| if (!versions) return | |||||
| if (!Array.isArray(versions)) return | |||||
| // keep versions entries that are objects with a `banner` property | |||||
| versions = versions.filter(item => item && item.banner) | |||||
| const localRoot = findPkgdownLocalRoot() | |||||
| for (const version of versions) { | |||||
| const versionUrl = ensureFullPath(version.url) | |||||
| if (localRoot === versionUrl) { | |||||
| return insertBanner(version.banner) | |||||
| } | |||||
| } | |||||
| } | |||||
| async function replaceVersionWithMenu () { | |||||
| const current = document.querySelector('.navbar .navbar-brand + small') | |||||
| if (!current) return | |||||
| const versions = await getVersions() | |||||
| if (!versions) return | |||||
| const dropdown = createVersionDropdown(current, versions) | |||||
| current.replaceWith(dropdown) | |||||
| maybeInsertBanner(versions) | |||||
| } | |||||
| replaceVersionWithMenu() | |||||
| })() |
+ 60
- 89
dev/index.html
Wyświetl plik
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
| <meta name="description" content="Give your xaringan slides some style with xaringanthemer. | |||||
| Easy slide and plot themes for xaringan slides. | |||||
| "> | |||||
| <title>Custom xaringan CSS Themes • xaringanthemer</title> | <title>Custom xaringan CSS Themes • xaringanthemer</title> | ||||
| <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> | <!-- 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="icon" type="image/png" sizes="32x32" href="favicon-32x32.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="76x76" href="apple-touch-icon-76x76.png"> | ||||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.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"> | <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"> | |||||
| <link href="deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"> | |||||
| <script src="deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="deps/Outfit-0.4.9/font.css" rel="stylesheet"> | |||||
| <link href="deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"> | |||||
| <link href="deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"> | |||||
| <script src="deps/headroom-0.11.0/headroom.min.js"></script><script src="deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="deps/search-1.0.0/fuse.min.js"></script><script src="deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"> | |||||
| <meta property="og:title" content="Custom xaringan CSS Themes"> | <meta property="og:title" content="Custom xaringan CSS Themes"> | ||||
| <meta name="description" content="Give your xaringan slides some style with xaringanthemer. | |||||
| Easy slide and plot themes for xaringan slides. | |||||
| "> | |||||
| <meta property="og:description" content="Give your xaringan slides some style with xaringanthemer. | <meta property="og:description" content="Give your xaringan slides some style with xaringanthemer. | ||||
| Easy slide and plot themes for xaringan slides. | Easy slide and plot themes for xaringan slides. | ||||
| "> | "> | ||||
| <meta name="twitter:creator" content="@grrrck"> | <meta name="twitter:creator" content="@grrrck"> | ||||
| <meta name="twitter:site" content="@grrrck"> | <meta name="twitter:site" content="@grrrck"> | ||||
| <meta name="robots" content="noindex"> | <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]> | |||||
| <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> | </head> | ||||
| <body> | <body> | ||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"> | <ul class="navbar-nav me-auto"> | ||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="reference/index.html">Reference</a> | |||||
| </li> | |||||
| <li class="nav-item"><a class="nav-link" href="articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="articles/template-variables.html">Template Variables</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"> | |||||
| <ul class="navbar-nav"> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"> | |||||
| <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="news/index.html">Changelog</a></li> | |||||
| </ul> | |||||
| </li> | </li> | ||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-home"> | </nav><div class="container template-home"> | ||||
| <div class="row"> | <div class="row"> | ||||
| </h1> | </h1> | ||||
| </div> | </div> | ||||
| <!-- badges: start --> | <!-- badges: start --> | ||||
| <p>Give your <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a> slides some style with <strong>xaringanthemer</strong> within your <code>slides.Rmd</code> file without (much) CSS.</p> | <p>Give your <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a> slides some style with <strong>xaringanthemer</strong> within your <code>slides.Rmd</code> file without (much) CSS.</p> | ||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes"></p> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer" class="external-link">GitHub</a>.</p> | <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer" class="external-link">GitHub</a>.</p> | ||||
| <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span><span class="co"># install.packages("remotes")</span></span> | <code class="sourceCode R"><span><span class="co"># install.packages("remotes")</span></span> | ||||
| <span><span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html" class="external-link">install_github</a></span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></span></code></pre></div> | |||||
| <span><span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></span></code></pre></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a> | <h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a> | ||||
| </h2> | </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="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre></div> | |||||
| <!-- 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="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb3-1"><a href="#cb3-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb3-2"><a href="#cb3-2" tabindex="-1"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb3-3"><a href="#cb3-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></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> | <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"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||||
| <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a><span class="in">library(xaringanthemer)</span></span> | |||||
| <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a><span class="in">style_mono_accent(</span></span> | |||||
| <span id="cb4-4"><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a><span class="in"> base_color = "#1c5253",</span></span> | |||||
| <span id="cb4-5"><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a><span class="in"> header_font_google = google_font("Josefin Sans"),</span></span> | |||||
| <span id="cb4-6"><a href="#cb4-6" aria-hidden="true" tabindex="-1"></a><span class="in"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||||
| <span id="cb4-7"><a href="#cb4-7" aria-hidden="true" tabindex="-1"></a><span class="in"> code_font_google = google_font("Fira Mono")</span></span> | |||||
| <span id="cb4-8"><a href="#cb4-8" aria-hidden="true" tabindex="-1"></a><span class="in">)</span></span> | |||||
| <span id="cb4-9"><a href="#cb4-9" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code></pre></div> | |||||
| <div class="sourceCode" id="cb4"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb4-1"><a href="#cb4-1" tabindex="-1"></a><span class="in">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||||
| <span id="cb4-2"><a href="#cb4-2" tabindex="-1"></a><span class="in">library(xaringanthemer)</span></span> | |||||
| <span id="cb4-3"><a href="#cb4-3" tabindex="-1"></a><span class="in">style_mono_accent(</span></span> | |||||
| <span id="cb4-4"><a href="#cb4-4" tabindex="-1"></a><span class="in"> base_color = "#1c5253",</span></span> | |||||
| <span id="cb4-5"><a href="#cb4-5" tabindex="-1"></a><span class="in"> header_font_google = google_font("Josefin Sans"),</span></span> | |||||
| <span id="cb4-6"><a href="#cb4-6" tabindex="-1"></a><span class="in"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||||
| <span id="cb4-7"><a href="#cb4-7" tabindex="-1"></a><span class="in"> code_font_google = google_font("Fira Mono")</span></span> | |||||
| <span id="cb4-8"><a href="#cb4-8" tabindex="-1"></a><span class="in">)</span></span> | |||||
| <span id="cb4-9"><a href="#cb4-9" tabindex="-1"></a><span class="in">```</span></span></code></pre></div> | |||||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p> | <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p> | ||||
| <div class="section level3"> | <div class="section level3"> | ||||
| <h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a> | <h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a> | ||||
| <h3 id="r-markdown-template-in-rstudio">R Markdown Template in RStudio<a class="anchor" aria-label="anchor" href="#r-markdown-template-in-rstudio"></a> | <h3 id="r-markdown-template-in-rstudio">R Markdown Template in RStudio<a class="anchor" aria-label="anchor" href="#r-markdown-template-in-rstudio"></a> | ||||
| </h3> | </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> | <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><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> | |||||
| <center> | |||||
| <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> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </div> | </div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||||
| <script src="doc-versions.js"></script> | |||||
| </body> | </body> | ||||
| </html> | </html> |
+ 14
- 0
dev/katex-auto.js
Wyświetl plik
| // https://github.com/jgm/pandoc/blob/29fa97ab96b8e2d62d48326e1b949a71dc41f47a/src/Text/Pandoc/Writers/HTML.hs#L332-L345 | |||||
| document.addEventListener("DOMContentLoaded", function () { | |||||
| var mathElements = document.getElementsByClassName("math"); | |||||
| var macros = []; | |||||
| for (var i = 0; i < mathElements.length; i++) { | |||||
| var texText = mathElements[i].firstChild; | |||||
| if (mathElements[i].tagName == "SPAN") { | |||||
| katex.render(texText.data, mathElements[i], { | |||||
| displayMode: mathElements[i].classList.contains("display"), | |||||
| throwOnError: false, | |||||
| macros: macros, | |||||
| fleqn: false | |||||
| }); | |||||
| }}}); |
+ 85
- 0
dev/lightswitch.js
Wyświetl plik
| /*! | |||||
| * Color mode toggler for Bootstrap's docs (https://getbootstrap.com/) | |||||
| * Copyright 2011-2023 The Bootstrap Authors | |||||
| * Licensed under the Creative Commons Attribution 3.0 Unported License. | |||||
| * Updates for {pkgdown} by the {bslib} authors, also licensed under CC-BY-3.0. | |||||
| */ | |||||
| const getStoredTheme = () => localStorage.getItem('theme') | |||||
| const setStoredTheme = theme => localStorage.setItem('theme', theme) | |||||
| const getPreferredTheme = () => { | |||||
| const storedTheme = getStoredTheme() | |||||
| if (storedTheme) { | |||||
| return storedTheme | |||||
| } | |||||
| return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' | |||||
| } | |||||
| const setTheme = theme => { | |||||
| if (theme === 'auto') { | |||||
| document.documentElement.setAttribute('data-bs-theme', (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')) | |||||
| } else { | |||||
| document.documentElement.setAttribute('data-bs-theme', theme) | |||||
| } | |||||
| } | |||||
| function bsSetupThemeToggle () { | |||||
| 'use strict' | |||||
| const showActiveTheme = (theme, focus = false) => { | |||||
| var activeLabel, activeIcon; | |||||
| document.querySelectorAll('[data-bs-theme-value]').forEach(element => { | |||||
| const buttonTheme = element.getAttribute('data-bs-theme-value') | |||||
| const isActive = buttonTheme == theme | |||||
| element.classList.toggle('active', isActive) | |||||
| element.setAttribute('aria-pressed', isActive) | |||||
| if (isActive) { | |||||
| activeLabel = element.textContent; | |||||
| activeIcon = element.querySelector('span').classList.value; | |||||
| } | |||||
| }) | |||||
| const themeSwitcher = document.querySelector('#dropdown-lightswitch') | |||||
| if (!themeSwitcher) { | |||||
| return | |||||
| } | |||||
| themeSwitcher.setAttribute('aria-label', activeLabel) | |||||
| themeSwitcher.querySelector('span').classList.value = activeIcon; | |||||
| if (focus) { | |||||
| themeSwitcher.focus() | |||||
| } | |||||
| } | |||||
| window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { | |||||
| const storedTheme = getStoredTheme() | |||||
| if (storedTheme !== 'light' && storedTheme !== 'dark') { | |||||
| setTheme(getPreferredTheme()) | |||||
| } | |||||
| }) | |||||
| window.addEventListener('DOMContentLoaded', () => { | |||||
| showActiveTheme(getPreferredTheme()) | |||||
| document | |||||
| .querySelectorAll('[data-bs-theme-value]') | |||||
| .forEach(toggle => { | |||||
| toggle.addEventListener('click', () => { | |||||
| const theme = toggle.getAttribute('data-bs-theme-value') | |||||
| setTheme(theme) | |||||
| setStoredTheme(theme) | |||||
| showActiveTheme(theme, true) | |||||
| }) | |||||
| }) | |||||
| }) | |||||
| } | |||||
| setTheme(getPreferredTheme()); | |||||
| bsSetupThemeToggle(); |
+ 44
- 66
dev/news/index.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><title>Changelog • 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="Changelog"><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Changelog • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Changelog"><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="active nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="active nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-news"> | </nav><div class="container template-news"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Changelog</h1> | <img src="../logo.png" class="logo" alt=""><h1>Changelog</h1> | ||||
| <small>Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/NEWS.md" class="external-link"><code>NEWS.md</code></a></small> | |||||
| <small>Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/NEWS.md" class="external-link"><code>NEWS.md</code></a></small> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | |||||
| <h2 class="pkg-version" data-toc-text="development version" id="xaringanthemer-development-version">xaringanthemer (development version)<a class="anchor" aria-label="anchor" href="#xaringanthemer-development-version"></a></h2> | |||||
| <ul><li>Update the spelling of <code>colour</code> for compatibility with ggplot2 >= 3.5.1 (<a href="https://github.com/teunbrand" class="external-link">@teunbrand</a> <a href="https://github.com/gadenbuie/xaringanthemer/issues/79" class="external-link">#79</a>).</li> | |||||
| </ul></div> | |||||
| <div class="section level2"> | |||||
| <h2 class="pkg-version" data-toc-text="0.4.2" id="xaringanthemer-042">xaringanthemer 0.4.2<a class="anchor" aria-label="anchor" href="#xaringanthemer-042"></a></h2><p class="text-muted">CRAN release: 2022-08-20</p> | |||||
| <ul><li><p>Use <code>.table-unshaded</code> class on a tables to prevent xaringanthemer’s table heading and row shading (thanks <a href="https://github.com/dragonattheend" class="external-link">@dragonattheend</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/74" class="external-link">#74</a>)</p></li> | |||||
| <li><p>Use <code>inverse_text_color</code> as the default for <code>inverse_header_color</code> in most places (<a href="https://github.com/gadenbuie/xaringanthemer/issues/60" class="external-link">#60</a>)</p></li> | |||||
| <li><p>Fixed a bug that happened when providing named values for key theme colors (<a href="https://github.com/gadenbuie/xaringanthemer/issues/62" class="external-link">#62</a>)</p></li> | |||||
| <li><p>Re-document for CRAN</p></li> | |||||
| </ul></div> | |||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 class="pkg-version" data-toc-text="0.4.1" id="xaringanthemer-041">xaringanthemer 0.4.1<a class="anchor" aria-label="anchor" href="#xaringanthemer-041"></a></h2><p class="text-muted">CRAN release: 2021-11-21</p> | <h2 class="pkg-version" data-toc-text="0.4.1" id="xaringanthemer-041">xaringanthemer 0.4.1<a class="anchor" aria-label="anchor" href="#xaringanthemer-041"></a></h2><p class="text-muted">CRAN release: 2021-11-21</p> | ||||
| <ul><li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href="https://github.com/gadenbuie/xaringanthemer/issues/68" class="external-link">#68</a>).</p></li> | <ul><li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href="https://github.com/gadenbuie/xaringanthemer/issues/68" class="external-link">#68</a>).</p></li> | ||||
| <li><p>Style functions return the CSS text directly when <code>outfile = NULL</code>.</p></li> | <li><p>Style functions return the CSS text directly when <code>outfile = NULL</code>.</p></li> | ||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 4
- 6
dev/pkgdown.js
Wyświetl plik
| /* Clipboard --------------------------*/ | /* Clipboard --------------------------*/ | ||||
| function changeTooltipMessage(element, msg) { | function changeTooltipMessage(element, msg) { | ||||
| var tooltipOriginalTitle=element.getAttribute('data-original-title'); | |||||
| element.setAttribute('data-original-title', msg); | |||||
| var tooltipOriginalTitle=element.getAttribute('data-bs-original-title'); | |||||
| element.setAttribute('data-bs-original-title', msg); | |||||
| $(element).tooltip('show'); | $(element).tooltip('show'); | ||||
| element.setAttribute('data-original-title', tooltipOriginalTitle); | |||||
| element.setAttribute('data-bs-original-title', tooltipOriginalTitle); | |||||
| } | } | ||||
| if(ClipboardJS.isSupported()) { | if(ClipboardJS.isSupported()) { | ||||
| e.clearSelection(); | e.clearSelection(); | ||||
| }); | }); | ||||
| clipboard.on('error', function() { | |||||
| clipboard.on('error', function(e) { | |||||
| changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy'); | changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy'); | ||||
| }); | }); | ||||
| }); | }); | ||||
| }); | }); | ||||
| })(window.jQuery || window.$) | })(window.jQuery || window.$) | ||||
+ 3
- 4
dev/pkgdown.yml
Wyświetl plik
| pandoc: 2.14.2 | |||||
| pkgdown: 2.0.6 | |||||
| pandoc: 3.1.11 | |||||
| pkgdown: 2.1.0 | |||||
| pkgdown_sha: ~ | pkgdown_sha: ~ | ||||
| articles: | articles: | ||||
| fonts: fonts.html | fonts: fonts.html | ||||
| template-variables: template-variables.html | template-variables: template-variables.html | ||||
| themes: themes.html | themes: themes.html | ||||
| xaringanthemer: xaringanthemer.html | xaringanthemer: xaringanthemer.html | ||||
| last_built: 2022-08-20T17:00Z | |||||
| last_built: 2024-09-14T13:04Z | |||||
| urls: | urls: | ||||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer/reference | reference: https://pkg.garrickadenbuie.com/xaringanthemer/reference | ||||
| article: https://pkg.garrickadenbuie.com/xaringanthemer/articles | article: https://pkg.garrickadenbuie.com/xaringanthemer/articles | ||||
BIN
dev/reference/Rplot002.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 480 | Height: 480 | Size: 31KB | Width: 480 | Height: 480 | Size: 30KB |
+ 40
- 73
dev/reference/apply_alpha.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Applies alpha (or opacity) to a color in hexadecimal form by | |||||
| <!-- 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"><title>Add alpha to hex color — apply_alpha • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Add alpha to hex color — apply_alpha"><meta name="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 | converting opacity in the [0, 1] range to hex in the [0, 255] range | ||||
| and appending to the hex color."><title>Add alpha to hex color — apply_alpha • 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="Add alpha to hex color — apply_alpha"><meta property="og:description" content="Applies alpha (or opacity) to a color in hexadecimal form by | |||||
| and appending to the hex color."><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 | converting opacity in the [0, 1] range to hex in the [0, 255] range | ||||
| and appending to the hex color."><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]> | |||||
| <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> | |||||
| and appending to the hex color."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Add alpha to hex color</h1> | <img src="../logo.png" class="logo" alt=""><h1>Add alpha to hex color</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/color.R" class="external-link"><code>R/color.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/color.R" class="external-link"><code>R/color.R</code></a></small> | |||||
| <div class="d-none name"><code>apply_alpha.Rd</code></div> | <div class="d-none name"><code>apply_alpha.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>color_hex</dt> | |||||
| <dl><dt id="arg-color-hex">color_hex<a class="anchor" aria-label="anchor" href="#arg-color-hex"></a></dt> | |||||
| <dd><p>A character string representing a hex color</p></dd> | <dd><p>A character string representing a hex color</p></dd> | ||||
| <dt>opacity</dt> | |||||
| <dt id="arg-opacity">opacity<a class="anchor" aria-label="anchor" href="#arg-opacity"></a></dt> | |||||
| <dd><p>Desired opacity of the output color</p></dd> | <dd><p>Desired opacity of the output color</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>A character string with added opacity level as hexadecimal characters.</p> | |||||
| <p>A character string with added opacity level as hexadecimal characters.</p> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <span class="r-plt img"><img src="apply_alpha-1.png" alt="" width="700" height="433"></span> | <span class="r-plt img"><img src="apply_alpha-1.png" alt="" width="700" height="433"></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 41
- 74
dev/reference/choose_dark_or_light.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Takes a color input as x and returns either the black or white color (or | |||||
| <!-- 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"><title>Choose dark or light color — choose_dark_or_light • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Choose dark or light color — choose_dark_or_light"><meta name="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 | expression) if dark or light text should be used over the input color for | ||||
| best contrast. Follows W3C Recommendations."><title>Choose dark or light color — choose_dark_or_light • 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="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 | |||||
| best contrast. Follows W3C Recommendations."><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 | expression) if dark or light text should be used over the input color for | ||||
| best contrast. Follows W3C Recommendations."><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]> | |||||
| <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> | |||||
| best contrast. Follows W3C Recommendations."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Choose dark or light color</h1> | <img src="../logo.png" class="logo" alt=""><h1>Choose dark or light color</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/color.R" class="external-link"><code>R/color.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/color.R" class="external-link"><code>R/color.R</code></a></small> | |||||
| <div class="d-none name"><code>choose_dark_or_light.Rd</code></div> | <div class="d-none name"><code>choose_dark_or_light.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>x</dt> | |||||
| <dl><dt id="arg-x">x<a class="anchor" aria-label="anchor" href="#arg-x"></a></dt> | |||||
| <dd><p>The background color (hex)</p></dd> | <dd><p>The background color (hex)</p></dd> | ||||
| <dt>black</dt> | |||||
| <dt id="arg-black">black<a class="anchor" aria-label="anchor" href="#arg-black"></a></dt> | |||||
| <dd><p>Text or foreground color, e.g. "#222" or | <dd><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></dd> | <code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></dd> | ||||
| <dt>white</dt> | |||||
| <dt id="arg-white">white<a class="anchor" aria-label="anchor" href="#arg-white"></a></dt> | |||||
| <dd><p>Text or foreground color or expression, e.g. "#EEE" or | <dd><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></dd> | <code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The <code>black</code> color or <code>white</code> color according to which color provides | |||||
| <p>The <code>black</code> color or <code>white</code> color according to which color provides | |||||
| the greates contrast with the input color.</p> | the greates contrast with the input color.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <span class="r-plt img"><img src="choose_dark_or_light-1.png" alt="" width="700" height="433"></span> | <span class="r-plt img"><img src="choose_dark_or_light-1.png" alt="" width="700" height="433"></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 8
- 0
dev/reference/darken_color.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/lighten_darken_color.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/lighten_darken_color.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/duo.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/duo_accent.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/duo_accent_inverse.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 41
- 74
dev/reference/google_font.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Builds Google Fonts URL from family name. Extra weights are given in the | |||||
| <!-- 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"><title>Specify Google Font — google_font • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Specify Google Font — google_font"><meta name="description" content="Builds Google Fonts URL from family name. Extra weights are given in the | |||||
| ... parameters. Languages can be specified in languages and must one or | ... parameters. Languages can be specified in languages and must one or | ||||
| more of the language codes as given by google_language_codes()."><title>Specify Google Font — google_font • 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="Specify Google Font — google_font"><meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the | |||||
| more of the language codes as given by google_language_codes()."><meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the | |||||
| ... parameters. Languages can be specified in languages and must one or | ... parameters. Languages can be specified in languages and must one or | ||||
| more of the language codes as given by google_language_codes()."><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]> | |||||
| <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> | |||||
| more of the language codes as given by google_language_codes()."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Specify Google Font</h1> | <img src="../logo.png" class="logo" alt=""><h1>Specify Google Font</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/utils.R" class="external-link"><code>R/utils.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/utils.R" class="external-link"><code>R/utils.R</code></a></small> | |||||
| <div class="d-none name"><code>google_font.Rd</code></div> | <div class="d-none name"><code>google_font.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>family</dt> | |||||
| <dl><dt id="arg-family">family<a class="anchor" aria-label="anchor" href="#arg-family"></a></dt> | |||||
| <dd><p>Font family</p></dd> | <dd><p>Font family</p></dd> | ||||
| <dt>...</dt> | |||||
| <dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt> | |||||
| <dd><p>Font weights to include, example "400", "400i"</p></dd> | <dd><p>Font weights to include, example "400", "400i"</p></dd> | ||||
| <dt>languages</dt> | |||||
| <dt id="arg-languages">languages<a class="anchor" aria-label="anchor" href="#arg-languages"></a></dt> | |||||
| <dd><p>Font languages to include (dependent on the font.) See | <dd><p>Font languages to include (dependent on the font.) See | ||||
| <code><a href="google_language_codes.html">google_language_codes()</a></code>.</p></dd> | <code><a href="google_language_codes.html">google_language_codes()</a></code>.</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>A <code>"google_font"</code> object.</p> | |||||
| <p>A <code>"google_font"</code> object.</p> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <span class="r-out co"><span class="r-pr">#></span> [1] "google_font"</span> | <span class="r-out co"><span class="r-pr">#></span> [1] "google_font"</span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 39
- 72
dev/reference/google_language_codes.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Gives a list of valid Language Codes for Google Fonts, or | |||||
| validates that the language codes given are valid."><title>List Valid Google Language Codes — google_language_codes • 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="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 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]> | |||||
| <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> | |||||
| <!-- 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"><title>List Valid Google Language Codes — google_language_codes • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="List Valid Google Language Codes — google_language_codes"><meta name="description" content="Gives a list of valid Language Codes for Google Fonts, or | |||||
| validates that the language codes given are valid."><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 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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>List Valid Google Language Codes</h1> | <img src="../logo.png" class="logo" alt=""><h1>List Valid Google Language Codes</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/utils.R" class="external-link"><code>R/utils.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/utils.R" class="external-link"><code>R/utils.R</code></a></small> | |||||
| <div class="d-none name"><code>google_language_codes.Rd</code></div> | <div class="d-none name"><code>google_language_codes.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>language_codes</dt> | |||||
| <dl><dt id="arg-language-codes">language_codes<a class="anchor" aria-label="anchor" href="#arg-language-codes"></a></dt> | |||||
| <dd><p>Vector of potential Google language codes</p></dd> | <dd><p>Vector of potential Google language codes</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>A vector of Google Font language codes matching <code>language_codes</code>.</p> | |||||
| <p>A vector of Google Font language codes matching <code>language_codes</code>.</p> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | ||||
| <div class="dont-index"><p><code><a href="google_font.html">google_font()</a></code></p></div> | <div class="dont-index"><p><code><a href="google_font.html">google_font()</a></code></p></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 134
- 145
dev/reference/index.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><title>Function reference • 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="Function reference"><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Package index • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Package index"><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-index"> | </nav><div class="container template-reference-index"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Function reference</h1> | |||||
| <img src="../logo.png" class="logo" alt=""><h1>Package index</h1> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="writing-css">Writing CSS<a class="anchor" aria-label="anchor" href="#writing-css"></a></h2> | <h2 id="writing-css">Writing CSS<a class="anchor" aria-label="anchor" href="#writing-css"></a></h2> | ||||
| <p class="section-desc"></p><p>Functions that write CSS from inside a xaringan R markdown document.</p> | |||||
| </div><div id="" class="section level2"> | |||||
| <div class="section-desc"><p>Functions that write CSS from inside a xaringan R markdown document.</p></div> | |||||
| </div><div class="section level2"> | |||||
| <dl><dt> | <dl><dt> | ||||
| <code><a href="style_xaringan.html">xaringanthemer_font_default()</a></code> <code><a href="style_xaringan.html">style_xaringan()</a></code> | |||||
| <code><a href="style_xaringan.html">xaringanthemer_font_default()</a></code> <code><a href="style_xaringan.html">style_xaringan()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Write A Customized Xaringan Theme</dd> | <dd>Write A Customized Xaringan Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_extra_css.html">style_extra_css()</a></code> | |||||
| <code><a href="style_extra_css.html">style_extra_css()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Add Extra CSS Styles</dd> | <dd>Add Extra CSS Styles</dd> | ||||
| </dl></div><div class="section level2"> | </dl></div><div class="section level2"> | ||||
| <h2 id="xaringan-themes">xaringan Themes<a class="anchor" aria-label="anchor" href="#xaringan-themes"></a></h2> | <h2 id="xaringan-themes">xaringan Themes<a class="anchor" aria-label="anchor" href="#xaringan-themes"></a></h2> | ||||
| <p class="section-desc"></p><p>Parameterized styles for xaringan slides using one (mono) or two (duo) base colors. Bonus: slide styles based on the solarized color palette.</p> | |||||
| </div><div id="" class="section level2"> | |||||
| <div 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></div> | |||||
| </div><div class="section level2"> | |||||
| <dl><dt> | <dl><dt> | ||||
| <code><a href="style_mono_accent.html">style_mono_accent()</a></code> | |||||
| <code><a href="style_mono_accent.html">style_mono_accent()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Monotone Accent Theme</dd> | <dd>Monotone Accent Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code> | |||||
| <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Monotone Accent Inverse Theme</dd> | <dd>Monotone Accent Inverse Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_mono_dark.html">style_mono_dark()</a></code> | |||||
| <code><a href="style_mono_dark.html">style_mono_dark()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Monotone Dark Theme</dd> | <dd>Monotone Dark Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_mono_light.html">style_mono_light()</a></code> | |||||
| <code><a href="style_mono_light.html">style_mono_light()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Monotone Light Theme</dd> | <dd>Monotone Light Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_duo.html">style_duo()</a></code> | |||||
| <code><a href="style_duo.html">style_duo()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Duotone Theme</dd> | <dd>Duotone Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_duo_accent.html">style_duo_accent()</a></code> | |||||
| <code><a href="style_duo_accent.html">style_duo_accent()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Duotone Accent Theme</dd> | <dd>Duotone Accent Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code> | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Duotone Accent Inverse Theme</dd> | <dd>Duotone Accent Inverse Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_solarized_dark.html">style_solarized_dark()</a></code> | |||||
| <code><a href="style_solarized_dark.html">style_solarized_dark()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Solarized Dark Theme</dd> | <dd>Solarized Dark Theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="style_solarized_light.html">style_solarized_light()</a></code> | |||||
| <code><a href="style_solarized_light.html">style_solarized_light()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Solarized Light Theme</dd> | <dd>Solarized Light Theme</dd> | ||||
| </dl></div><div class="section level2"> | </dl></div><div class="section level2"> | ||||
| <h2 id="google-fonts">Google Fonts<a class="anchor" aria-label="anchor" href="#google-fonts"></a></h2> | <h2 id="google-fonts">Google Fonts<a class="anchor" aria-label="anchor" href="#google-fonts"></a></h2> | ||||
| <p class="section-desc"></p><p>Helper functions for using Google Fonts in your slide styles.</p> | |||||
| </div><div id="" class="section level2"> | |||||
| <div class="section-desc"><p>Helper functions for using Google Fonts in your slide styles.</p></div> | |||||
| </div><div class="section level2"> | |||||
| <dl><dt> | <dl><dt> | ||||
| <code><a href="google_font.html">google_font()</a></code> | |||||
| <code><a href="google_font.html">google_font()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Specify Google Font</dd> | <dd>Specify Google Font</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="google_language_codes.html">google_language_codes()</a></code> | |||||
| <code><a href="google_language_codes.html">google_language_codes()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>List Valid Google Language Codes</dd> | <dd>List Valid Google Language Codes</dd> | ||||
| </dl></div><div class="section level2"> | </dl></div><div class="section level2"> | ||||
| <h2 id="ggplot-themes">ggplot2 Themes<a class="anchor" aria-label="anchor" href="#ggplot-themes"></a></h2> | <h2 id="ggplot-themes">ggplot2 Themes<a class="anchor" aria-label="anchor" href="#ggplot-themes"></a></h2> | ||||
| <p class="section-desc"></p><p>Plot themes for ggplot2 to match your xaringanthemer slide styles.</p> | |||||
| </div><div id="" class="section level2"> | |||||
| <div class="section-desc"><p>Plot themes for ggplot2 to match your xaringanthemer slide styles.</p></div> | |||||
| </div><div class="section level2"> | |||||
| <dl><dt> | <dl><dt> | ||||
| <code><a href="theme_xaringan.html">theme_xaringan()</a></code> | |||||
| <code><a href="theme_xaringan.html">theme_xaringan()</a></code> | |||||
| <span class="badge lifecycle lifecycle-maturing">maturing</span> | |||||
| </dt> | </dt> | ||||
| <dd>A Plot Theme for ggplot2 by xaringanthemer</dd> | <dd>A Plot Theme for ggplot2 by xaringanthemer</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> | |||||
| <code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> | |||||
| <span class="badge lifecycle lifecycle-maturing">maturing</span> | |||||
| </dt> | </dt> | ||||
| <dd>An Inverse Plot Theme for ggplot2 by xaringanthemer</dd> | <dd>An Inverse Plot Theme for ggplot2 by xaringanthemer</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="theme_xaringan_base.html">theme_xaringan_base()</a></code> | |||||
| <code><a href="theme_xaringan_base.html">theme_xaringan_base()</a></code> | |||||
| <span class="badge lifecycle lifecycle-maturing">maturing</span> | |||||
| </dt> | </dt> | ||||
| <dd>The ggplot2 xaringanthemer base plot theme</dd> | <dd>The ggplot2 xaringanthemer base plot theme</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <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> | |||||
| <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> | |||||
| <span class="badge lifecycle lifecycle-maturing">maturing</span> | |||||
| </dt> | </dt> | ||||
| <dd>Set and Restore ggplot2 geom Defaults</dd> | <dd>Set and Restore ggplot2 geom Defaults</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <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> | |||||
| <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> | |||||
| <span class="badge lifecycle lifecycle-maturing">maturing</span> | |||||
| </dt> | </dt> | ||||
| <dd>Themed ggplot2 Scales</dd> | <dd>Themed ggplot2 Scales</dd> | ||||
| </dl></div><div class="section level2"> | </dl></div><div class="section level2"> | ||||
| <h2 id="helper-functions">Helper functions<a class="anchor" aria-label="anchor" href="#helper-functions"></a></h2> | <h2 id="helper-functions">Helper functions<a class="anchor" aria-label="anchor" href="#helper-functions"></a></h2> | ||||
| <p class="section-desc"></p><p>Helpers for Google fonts and color adjustments.</p> | |||||
| </div><div id="" class="section level2"> | |||||
| <div class="section-desc"><p>Helpers for Google fonts and color adjustments.</p></div> | |||||
| </div><div class="section level2"> | |||||
| <dl><dt> | <dl><dt> | ||||
| <code><a href="theme_xaringan_get_value.html">theme_xaringan_get_value()</a></code> | |||||
| <code><a href="theme_xaringan_get_value.html">theme_xaringan_get_value()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Get the Value of xaringanthemer Style Setting</dd> | <dd>Get the Value of xaringanthemer Style Setting</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code> | |||||
| <code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Generate lighter or darker version of a color</dd> | <dd>Generate lighter or darker version of a color</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="apply_alpha.html">apply_alpha()</a></code> | |||||
| <code><a href="apply_alpha.html">apply_alpha()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Add alpha to hex color</dd> | <dd>Add alpha to hex color</dd> | ||||
| </dl><dl><dt> | </dl><dl><dt> | ||||
| <code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code> | |||||
| <code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code> | |||||
| </dt> | </dt> | ||||
| <dd>Choose dark or light color</dd> | <dd>Choose dark or light color</dd> | ||||
| </dl></div> | </dl></div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 8
- 0
dev/reference/lighten_color.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/lighten_darken_color.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/lighten_darken_color.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 38
- 71
dev/reference/lighten_darken_color.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Produces a linear blend of the color with white or black."><title>Generate lighter or darker version of a color — lighten_darken_color • 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="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 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]> | |||||
| <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> | |||||
| <!-- 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"><title>Generate lighter or darker version of a color — lighten_darken_color • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Generate lighter or darker version of a color — lighten_darken_color"><meta name="description" content="Produces a linear blend of the color with white or black."><meta property="og:description" content="Produces a linear blend of the color with white or black."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Generate lighter or darker version of a color</h1> | <img src="../logo.png" class="logo" alt=""><h1>Generate lighter or darker version of a color</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/color.R" class="external-link"><code>R/color.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/color.R" class="external-link"><code>R/color.R</code></a></small> | |||||
| <div class="d-none name"><code>lighten_darken_color.Rd</code></div> | <div class="d-none name"><code>lighten_darken_color.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>color_hex</dt> | |||||
| <dl><dt id="arg-color-hex">color_hex<a class="anchor" aria-label="anchor" href="#arg-color-hex"></a></dt> | |||||
| <dd><p>A character string representing a hex color</p></dd> | <dd><p>A character string representing a hex color</p></dd> | ||||
| <dt>strength</dt> | |||||
| <dt id="arg-strength">strength<a class="anchor" aria-label="anchor" href="#arg-strength"></a></dt> | |||||
| <dd><p>The "strength" of the blend with white or black, | <dd><p>The "strength" of the blend with white or black, | ||||
| where 0 is entirely the original color and 1 is entirely white | where 0 is entirely the original color and 1 is entirely white | ||||
| (<code>lighten_color()</code>) or black (<code>darken_color()</code>).</p></dd> | (<code>lighten_color()</code>) or black (<code>darken_color()</code>).</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>A character string with the lightened or darkened color in | |||||
| <p>A character string with the lightened or darkened color in | |||||
| hexadecimal format.</p> | hexadecimal format.</p> | ||||
| </div> | </div> | ||||
| <span class="r-plt img"><img src="lighten_darken_color-1.png" alt="" width="700" height="433"></span> | <span class="r-plt img"><img src="lighten_darken_color-1.png" alt="" width="700" height="433"></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 8
- 0
dev/reference/mono_accent.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/mono_accent_inverse.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/mono_dark.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/mono_light.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
BIN
dev/reference/scale_xaringan-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 54KB | Width: 1400 | Height: 866 | Size: 54KB |
+ 44
- 75
dev/reference/scale_xaringan.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content=" | |||||
| <!-- 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"><title>Themed ggplot2 Scales — scale_xaringan • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Themed ggplot2 Scales — scale_xaringan"><meta name="description" content=" | |||||
| Color and fill single-color scales for discrete and continuous values, | Color and fill single-color scales for discrete and continuous values, | ||||
| created using the primary accent color of the xaringanthemer styles. See | created using the primary accent color of the xaringanthemer styles. See | ||||
| vignette("ggplot2-themes") for more information and examples of | vignette("ggplot2-themes") for more information and examples of | ||||
| xaringanthemer's ggplot2-related functions."><title>Themed ggplot2 Scales — scale_xaringan • 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="Themed ggplot2 Scales — scale_xaringan"><meta property="og:description" content=" | |||||
| xaringanthemer's ggplot2-related functions."><meta property="og:description" content=" | |||||
| Color and fill single-color scales for discrete and continuous values, | Color and fill single-color scales for discrete and continuous values, | ||||
| created using the primary accent color of the xaringanthemer styles. See | created using the primary accent color of the xaringanthemer styles. See | ||||
| vignette("ggplot2-themes") for more information and examples of | vignette("ggplot2-themes") for more information and examples of | ||||
| xaringanthemer's ggplot2-related functions."><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]> | |||||
| <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> | |||||
| xaringanthemer's ggplot2-related functions."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Themed ggplot2 Scales</h1> | <img src="../logo.png" class="logo" alt=""><h1>Themed ggplot2 Scales</h1> | ||||
| <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> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small> | |||||
| <div class="d-none name"><code>scale_xaringan.Rd</code></div> | <div class="d-none name"><code>scale_xaringan.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>aes_type</dt> | |||||
| <dl><dt id="arg-aes-type">aes_type<a class="anchor" aria-label="anchor" href="#arg-aes-type"></a></dt> | |||||
| <dd><p>The type of aesthetic to which the scale is being applied. | <dd><p>The type of aesthetic to which the scale is being applied. | ||||
| One of "color", "colour", or "fill".</p></dd> | One of "color", "colour", or "fill".</p></dd> | ||||
| <dt>...</dt> | |||||
| <dt id="arg--">...<a class="anchor" aria-label="anchor" href="#arg--"></a></dt> | |||||
| <dd><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale | <dd><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale | ||||
| functions — one of <code><a href="https://colorspace.R-Forge.R-project.org/reference/scale_colour_discrete_sequential.html" class="external-link">colorspace::scale_color_discrete_sequential()</a></code>, | functions — one of <code><a href="https://colorspace.R-Forge.R-project.org/reference/scale_colour_discrete_sequential.html" class="external-link">colorspace::scale_color_discrete_sequential()</a></code>, | ||||
| <code><a href="https://colorspace.R-Forge.R-project.org/reference/scale_colour_continuous_sequential.html" class="external-link">colorspace::scale_color_continuous_sequential()</a></code>, | <code><a href="https://colorspace.R-Forge.R-project.org/reference/scale_colour_continuous_sequential.html" class="external-link">colorspace::scale_color_continuous_sequential()</a></code>, | ||||
| <a href="https://ggplot2.tidyverse.org/reference/continuous_scale.html" class="external-link">ggplot2::continuous_scale</a> or <a href="https://ggplot2.tidyverse.org/reference/discrete_scale.html" class="external-link">ggplot2::discrete_scale</a>.</p></dd> | <a href="https://ggplot2.tidyverse.org/reference/continuous_scale.html" class="external-link">ggplot2::continuous_scale</a> or <a href="https://ggplot2.tidyverse.org/reference/discrete_scale.html" class="external-link">ggplot2::discrete_scale</a>.</p></dd> | ||||
| <dt>color</dt> | |||||
| <dt id="arg-color">color<a class="anchor" aria-label="anchor" href="#arg-color"></a></dt> | |||||
| <dd><p>A color value, in hex, to override the default color. Otherwise, | <dd><p>A color value, in hex, to override the default color. Otherwise, | ||||
| the primary color of the resulting scale is chosen from the xaringanthemer | the primary color of the resulting scale is chosen from the xaringanthemer | ||||
| slide styles.</p></dd> | slide styles.</p></dd> | ||||
| <dt>direction</dt> | |||||
| <dt id="arg-direction">direction<a class="anchor" aria-label="anchor" href="#arg-direction"></a></dt> | |||||
| <dd><p>Direction of the discrete scale. Use values less than 0 to | <dd><p>Direction of the discrete scale. Use values less than 0 to | ||||
| reverse the direction, e.g. <code>direction = -1</code>.</p></dd> | reverse the direction, e.g. <code>direction = -1</code>.</p></dd> | ||||
| <dt>inverse</dt> | |||||
| <dt id="arg-inverse">inverse<a class="anchor" aria-label="anchor" href="#arg-inverse"></a></dt> | |||||
| <dd><p>If <code>color</code> is not supplied and <code>inverse = TRUE</code>, a primary | <dd><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 | color is chosen to work well with the inverse slide styles, namely the | ||||
| value of <code>inverse_header_color</code></p></dd> | value of <code>inverse_header_color</code></p></dd> | ||||
| <dt>begin</dt> | |||||
| <dt id="arg-begin">begin<a class="anchor" aria-label="anchor" href="#arg-begin"></a></dt> | |||||
| <dd><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></dd> | <dd><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></dd> | ||||
| <dt>end</dt> | |||||
| <dt id="arg-end">end<a class="anchor" aria-label="anchor" href="#arg-end"></a></dt> | |||||
| <dd><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></dd> | <dd><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></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <span class="r-plt img"><img src="scale_xaringan-1.png" alt="" width="700" height="433"></span> | <span class="r-plt img"><img src="scale_xaringan-1.png" alt="" width="700" height="433"></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_color_continuous.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_color_discrete.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_colour_continuous.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_colour_discrete.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_continuous.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_discrete.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_fill_continuous.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/scale_xaringan_fill_discrete.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/scale_xaringan.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/solarized_dark.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 8
- 0
dev/reference/solarized_light.html
Wyświetl plik
| <html> | |||||
| <head> | |||||
| <meta http-equiv="refresh" content="0;URL=https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html" /> | |||||
| <meta name="robots" content="noindex"> | |||||
| <link rel="canonical" href="https://pkg.garrickadenbuie.com/xaringanthemer/dev/reference/xaringanthemer-deprecated.html"> | |||||
| </head> | |||||
| </html> | |||||
+ 117
- 152
dev/reference/style_duo.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="A duotone theme designed to work well with two complementary | |||||
| colors."><title>Duotone Theme — style_duo • 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="Duotone Theme — style_duo"><meta property="og:description" content="A duotone theme designed to work well with two complementary | |||||
| colors."><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Duotone Theme — style_duo • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Duotone Theme — style_duo"><meta name="description" content="A duotone theme designed to work well with two complementary | |||||
| colors."><meta property="og:description" content="A duotone theme designed to work well with two complementary | |||||
| colors."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Duotone Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Duotone Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_duo.R" class="external-link"><code>R/style_duo.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_duo.R" class="external-link"><code>R/style_duo.R</code></a></small> | |||||
| <div class="d-none name"><code>style_duo.Rd</code></div> | <div class="d-none name"><code>style_duo.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>primary_color</dt> | |||||
| <dl><dt id="arg-primary-color">primary_color<a class="anchor" aria-label="anchor" href="#arg-primary-color"></a></dt> | |||||
| <dd><p>Duotone Primary Color. Defaults to #1F4257. Used in | <dd><p>Duotone Primary Color. Defaults to #1F4257. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | variable that can be referenced with <code>var(--primary)</code> in any argument of a | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>secondary_color</dt> | |||||
| <dt id="arg-secondary-color">secondary_color<a class="anchor" aria-label="anchor" href="#arg-secondary-color"></a></dt> | |||||
| <dd><p>Duotone Secondary Color. Defaults to #F97B64. Used in | <dd><p>Duotone Secondary Color. Defaults to #F97B64. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | variable that can be referenced with <code>var(--secondary)</code> in any argument of | ||||
| a style function or in custom CSS.</p></dd> | a style function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to | <dd><p>Text Color. Defaults to | ||||
| <code>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</code>. | <code>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</code>. | ||||
| Modifies the <code>body</code> element. The value of this variable is also stored as | Modifies the <code>body</code> element. The value of this variable is also stored as | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | <dd><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 | 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>var(--header-color)</code> in any | CSS variable that can be referenced with <code>var(--header-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>primary_color</code>. | <dd><p>Slide Background Color. Defaults to <code>primary_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | <dd><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to <code>secondary_color</code>. | <dd><p>Bold Text Color. Defaults to <code>secondary_color</code>. | ||||
| Modifies the <code>strong</code> element. The value of this variable is also stored | Modifies the <code>strong</code> element. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to <code>text_color</code>. | <dd><p>Slide Number Color. Defaults to <code>text_color</code>. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to <code>secondary_color</code>. | <dd><p>Inline Code Color. Defaults to <code>secondary_color</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to <code>primary_color</code>. | <dd><p>Inverse Text Color. Defaults to <code>primary_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(secondary_color, 0.6)</code>. Modifies the | <code>apply_alpha(secondary_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>secondary_color</code>. Modifies the | <code>secondary_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to <code>lighten_color(primary_color, 0.9)</code>. Modifies the | Defaults to <code>lighten_color(primary_color, 0.9)</code>. Modifies the | ||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | ||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo_accent.html">style_duo_accent</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_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_solarized_light.html">style_solarized_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> | <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> | |||||
| <p>Other Duotone themes: | |||||
| <code><a href="style_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 119
- 154
dev/reference/style_duo_accent.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="An default xaringan theme with a two colors used for color | |||||
| accents on select elements (headers, bold text, etc.)."><title>Duotone Accent Theme — style_duo_accent • 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="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 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]> | |||||
| <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> | |||||
| <!-- 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"><title>Duotone Accent Theme — style_duo_accent • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Duotone Accent Theme — style_duo_accent"><meta name="description" content="An default xaringan theme with a two colors used for color | |||||
| accents on select elements (headers, bold text, etc.)."><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 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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Duotone Accent Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Duotone Accent Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_duo_accent.R" class="external-link"><code>R/style_duo_accent.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_duo_accent.R" class="external-link"><code>R/style_duo_accent.R</code></a></small> | |||||
| <div class="d-none name"><code>style_duo_accent.Rd</code></div> | <div class="d-none name"><code>style_duo_accent.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>primary_color</dt> | |||||
| <dl><dt id="arg-primary-color">primary_color<a class="anchor" aria-label="anchor" href="#arg-primary-color"></a></dt> | |||||
| <dd><p>Duotone Primary Color. Defaults to #035AA6. Used in | <dd><p>Duotone Primary Color. Defaults to #035AA6. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | variable that can be referenced with <code>var(--primary)</code> in any argument of a | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>secondary_color</dt> | |||||
| <dt id="arg-secondary-color">secondary_color<a class="anchor" aria-label="anchor" href="#arg-secondary-color"></a></dt> | |||||
| <dd><p>Duotone Secondary Color. Defaults to #03A696. Used in | <dd><p>Duotone Secondary Color. Defaults to #03A696. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | variable that can be referenced with <code>var(--secondary)</code> in any argument of | ||||
| a style function or in custom CSS.</p></dd> | a style function or in custom CSS.</p></dd> | ||||
| <dt>white_color</dt> | |||||
| <dt id="arg-white-color">white_color<a class="anchor" aria-label="anchor" href="#arg-white-color"></a></dt> | |||||
| <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | variable that can be referenced with <code>var(--white)</code> in any argument of a | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>black_color</dt> | |||||
| <dt id="arg-black-color">black_color<a class="anchor" aria-label="anchor" href="#arg-black-color"></a></dt> | |||||
| <dd><p>Darkest color used. Defaults to #000000. Used in multiple | <dd><p>Darkest color used. Defaults to #000000. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | that can be referenced with <code>var(--black)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>white_color</code>. | <dd><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to | <dd><p>Link Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | ||||
| Modifies the <code>a, a > code</code> elements. The value of this variable is also | Modifies the <code>a, a > code</code> elements. The value of this variable is also | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to | <dd><p>Bold Text Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | ||||
| Modifies the <code>strong</code> element. The value of this variable is also stored | Modifies the <code>strong</code> element. The value of this variable is also stored | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to | <dd><p>Slide Number Color. Defaults to | ||||
| <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to | <dd><p>Inline Code Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to | <dd><p>Inverse Text Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | ||||
| the <code>.title-slide</code> class. The value of this variable is also stored as a | the <code>.title-slide</code> class. The value of this variable is also stored as a | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>primary_color</code>. Modifies the | <code>primary_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to <code>lighten_color(secondary_color, 0.8)</code>. Modifies the | Defaults to <code>lighten_color(secondary_color, 0.8)</code>. Modifies the | ||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | ||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_solarized_light.html">style_solarized_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> | <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> | |||||
| <p>Other Duotone themes: | |||||
| <code><a href="style_duo.html">style_duo</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 119
- 154
dev/reference/style_duo_accent_inverse.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content='An "inverted" default xaringan theme with a two colors used | |||||
| for color accents on select elements (headers, bold text, etc.).'><title>Duotone Accent Inverse Theme — style_duo_accent_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="Duotone Accent Inverse Theme — style_duo_accent_inverse"><meta property="og:description" content='An "inverted" default xaringan theme with a two colors used | |||||
| for color accents on select elements (headers, bold text, etc.).'><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Duotone Accent Inverse Theme — style_duo_accent_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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><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 name="description" content='An "inverted" default xaringan theme with a two colors used | |||||
| for color accents on select elements (headers, bold text, etc.).'><meta property="og:description" content='An "inverted" default xaringan theme with a two colors used | |||||
| for color accents on select elements (headers, bold text, etc.).'><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Duotone Accent Inverse Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Duotone Accent Inverse Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_duo_accent_inverse.R" class="external-link"><code>R/style_duo_accent_inverse.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_duo_accent_inverse.R" class="external-link"><code>R/style_duo_accent_inverse.R</code></a></small> | |||||
| <div class="d-none name"><code>style_duo_accent_inverse.Rd</code></div> | <div class="d-none name"><code>style_duo_accent_inverse.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>primary_color</dt> | |||||
| <dl><dt id="arg-primary-color">primary_color<a class="anchor" aria-label="anchor" href="#arg-primary-color"></a></dt> | |||||
| <dd><p>Duotone Primary Color. Defaults to #035AA6. Used in | <dd><p>Duotone Primary Color. Defaults to #035AA6. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | variable that can be referenced with <code>var(--primary)</code> in any argument of a | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>secondary_color</dt> | |||||
| <dt id="arg-secondary-color">secondary_color<a class="anchor" aria-label="anchor" href="#arg-secondary-color"></a></dt> | |||||
| <dd><p>Duotone Secondary Color. Defaults to #03A696. Used in | <dd><p>Duotone Secondary Color. Defaults to #03A696. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | variable that can be referenced with <code>var(--secondary)</code> in any argument of | ||||
| a style function or in custom CSS.</p></dd> | a style function or in custom CSS.</p></dd> | ||||
| <dt>white_color</dt> | |||||
| <dt id="arg-white-color">white_color<a class="anchor" aria-label="anchor" href="#arg-white-color"></a></dt> | |||||
| <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | variable that can be referenced with <code>var(--white)</code> in any argument of a | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>black_color</dt> | |||||
| <dt id="arg-black-color">black_color<a class="anchor" aria-label="anchor" href="#arg-black-color"></a></dt> | |||||
| <dd><p>Darkest color used. Defaults to #000000. Used in multiple | <dd><p>Darkest color used. Defaults to #000000. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | that can be referenced with <code>var(--black)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>black_color</code>. | <dd><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to | <dd><p>Link Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | ||||
| Modifies the <code>a, a > code</code> elements. The value of this variable is also | Modifies the <code>a, a > code</code> elements. The value of this variable is also | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to | <dd><p>Bold Text Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | ||||
| Modifies the <code>strong</code> element. The value of this variable is also stored | Modifies the <code>strong</code> element. The value of this variable is also stored | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to | <dd><p>Slide Number Color. Defaults to | ||||
| <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to | <dd><p>Inline Code Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to | <dd><p>Inverse Text Color. Defaults to | ||||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | ||||
| the <code>.title-slide</code> class. The value of this variable is also stored as a | the <code>.title-slide</code> class. The value of this variable is also stored as a | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>primary_color</code>. Modifies the | <code>primary_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to | Defaults to | ||||
| <code>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</code>. | <code>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</code>. | ||||
| Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | ||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_solarized_light.html">style_solarized_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> | <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> | |||||
| <p>Other Duotone themes: | |||||
| <code><a href="style_duo.html">style_duo</a>()</code>, | |||||
| <code><a href="style_duo_accent.html">style_duo_accent</a>()</code></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 42
- 73
dev/reference/style_extra_css.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Adds css elements to target outfile, typically a xaringanthemer css file. | |||||
| <!-- 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"><title>Add Extra CSS Styles — style_extra_css • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Add Extra CSS Styles — style_extra_css"><meta name="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) | The css argument takes a list of CSS classes and definitions (see examples below) | ||||
| and appends CSS rules to outfile."><title>Add Extra CSS Styles — style_extra_css • 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="Add Extra CSS Styles — style_extra_css"><meta property="og:description" content="Adds css elements to target outfile, typically a xaringanthemer css file. | |||||
| and appends CSS rules to outfile."><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) | The css argument takes a list of CSS classes and definitions (see examples below) | ||||
| and appends CSS rules to outfile."><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]> | |||||
| <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> | |||||
| and appends CSS rules to outfile."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Add Extra CSS Styles</h1> | <img src="../logo.png" class="logo" alt=""><h1>Add Extra CSS Styles</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_extra_css.R" class="external-link"><code>R/style_extra_css.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_extra_css.R" class="external-link"><code>R/style_extra_css.R</code></a></small> | |||||
| <div class="d-none name"><code>style_extra_css.Rd</code></div> | <div class="d-none name"><code>style_extra_css.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>css</dt> | |||||
| <dl><dt id="arg-css">css<a class="anchor" aria-label="anchor" href="#arg-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code></p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code></p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| <dt>append</dt> | |||||
| <dt id="arg-append">append<a class="anchor" aria-label="anchor" href="#arg-append"></a></dt> | |||||
| <dd><p>If <code>TRUE</code> output will be appended to <code>outfile</code>; otherwise, | <dd><p>If <code>TRUE</code> output will be appended to <code>outfile</code>; otherwise, | ||||
| it will overwrite the contents of <code>outfile</code>.</p></dd> | it will overwrite the contents of <code>outfile</code>.</p></dd> | ||||
| <dt>heading</dt> | |||||
| <dt id="arg-heading">heading<a class="anchor" aria-label="anchor" href="#arg-heading"></a></dt> | |||||
| <dd><p>Heading added above extra CSS. Use <code>NULL</code> to disable.</p></dd> | <dd><p>Heading added above extra CSS. Use <code>NULL</code> to disable.</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="css-list">css list<a class="anchor" aria-label="anchor" href="#css-list"></a></h2> | <h2 id="css-list">css list<a class="anchor" aria-label="anchor" href="#css-list"></a></h2> | ||||
| <p>The <code>css</code> input must be a named list of css properties and values within a | <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 | named list of class identifiers, for example | ||||
| <span class="r-out co"><span class="r-pr">#></span> }</span> | <span class="r-out co"><span class="r-pr">#></span> }</span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 116
- 151
dev/reference/style_mono_accent.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="The default xaringan theme with a single color used for color | |||||
| accents on select elements (headers, bold text, etc.)."><title>Monotone Accent Theme — style_mono_accent • 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="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 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]> | |||||
| <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> | |||||
| <!-- 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"><title>Monotone Accent Theme — style_mono_accent • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Monotone Accent Theme — style_mono_accent"><meta name="description" content="The default xaringan theme with a single color used for color | |||||
| accents on select elements (headers, bold text, etc.)."><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 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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Monotone Accent Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Monotone Accent Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_mono_accent.R" class="external-link"><code>R/style_mono_accent.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_mono_accent.R" class="external-link"><code>R/style_mono_accent.R</code></a></small> | |||||
| <div class="d-none name"><code>style_mono_accent.Rd</code></div> | <div class="d-none name"><code>style_mono_accent.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>base_color</dt> | |||||
| <dl><dt id="arg-base-color">base_color<a class="anchor" aria-label="anchor" href="#arg-base-color"></a></dt> | |||||
| <dd><p>Monotone Base Color, works best with a strong color. | <dd><p>Monotone Base Color, works best with a strong color. | ||||
| Defaults to #43418A. Used in multiple CSS rules. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>white_color</dt> | |||||
| <dt id="arg-white-color">white_color<a class="anchor" aria-label="anchor" href="#arg-white-color"></a></dt> | |||||
| <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | variable that can be referenced with <code>var(--white)</code> in any argument of a | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>black_color</dt> | |||||
| <dt id="arg-black-color">black_color<a class="anchor" aria-label="anchor" href="#arg-black-color"></a></dt> | |||||
| <dd><p>Darkest color used. Defaults to #272822. Used in multiple | <dd><p>Darkest color used. Defaults to #272822. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | that can be referenced with <code>var(--black)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>white_color</code>. | <dd><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <dd><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 | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <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 | also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to <code>white_color</code>. | <dd><p>Inverse Text Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | <code>apply_alpha(base_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>base_color</code>. Modifies the | <code>base_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | ||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</a>()</code>, | <code><a href="style_duo.html">style_duo</a>()</code>, | ||||
| <code><a href="style_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_solarized_light.html">style_solarized_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> | <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | ||||
| <p>Other Monotone themes: | |||||
| <p>Other Monotone themes: | |||||
| <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</a>()</code></p></div> | <code><a href="style_mono_light.html">style_mono_light</a>()</code></p></div> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 116
- 151
dev/reference/style_mono_accent_inverse.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content='An "inverted" default xaringan theme with a single color used | |||||
| for color accents on select elements (headers, bold text, etc.).'><title>Monotone Accent Inverse Theme — style_mono_accent_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="Monotone Accent Inverse Theme — style_mono_accent_inverse"><meta property="og:description" content='An "inverted" default xaringan theme with a single color used | |||||
| for color accents on select elements (headers, bold text, etc.).'><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Monotone Accent Inverse Theme — style_mono_accent_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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><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 name="description" content='An "inverted" default xaringan theme with a single color used | |||||
| for color accents on select elements (headers, bold text, etc.).'><meta property="og:description" content='An "inverted" default xaringan theme with a single color used | |||||
| for color accents on select elements (headers, bold text, etc.).'><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Monotone Accent Inverse Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Monotone Accent Inverse Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_mono_accent_inverse.R" class="external-link"><code>R/style_mono_accent_inverse.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_mono_accent_inverse.R" class="external-link"><code>R/style_mono_accent_inverse.R</code></a></small> | |||||
| <div class="d-none name"><code>style_mono_accent_inverse.Rd</code></div> | <div class="d-none name"><code>style_mono_accent_inverse.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>base_color</dt> | |||||
| <dl><dt id="arg-base-color">base_color<a class="anchor" aria-label="anchor" href="#arg-base-color"></a></dt> | |||||
| <dd><p>Monotone Base Color, works best with a light color. | <dd><p>Monotone Base Color, works best with a light color. | ||||
| Defaults to #3C989E. Used in multiple CSS rules. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>white_color</dt> | |||||
| <dt id="arg-white-color">white_color<a class="anchor" aria-label="anchor" href="#arg-white-color"></a></dt> | |||||
| <dd><p>Brightest color used, default is a very light version of | <dd><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 | <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 | of this variable is also stored as a CSS variable that can be referenced | ||||
| with <code>var(--white)</code> in any argument of a style function or in custom CSS.</p></dd> | with <code>var(--white)</code> in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>black_color</dt> | |||||
| <dt id="arg-black-color">black_color<a class="anchor" aria-label="anchor" href="#arg-black-color"></a></dt> | |||||
| <dd><p>Darkest color used, default is a very dark, version of | <dd><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.9)</code>. Used in | <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.9)</code>. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>black_color</code>. | <dd><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <dd><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 | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <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 | also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to <code>black_color</code>. | <dd><p>Inverse Text Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | <code>apply_alpha(base_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>base_color</code>. Modifies the | <code>base_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to <code>darken_color(base_color, 0.8)</code>. Modifies the | Defaults to <code>darken_color(base_color, 0.8)</code>. Modifies the | ||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</a>()</code>, | <code><a href="style_duo.html">style_duo</a>()</code>, | ||||
| <code><a href="style_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_solarized_light.html">style_solarized_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> | <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | ||||
| <p>Other Monotone themes: | |||||
| <p>Other Monotone themes: | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</a>()</code></p></div> | <code><a href="style_mono_light.html">style_mono_light</a>()</code></p></div> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 116
- 151
dev/reference/style_mono_dark.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="A dark monotone theme based around a single color."><title>Monotone Dark Theme — style_mono_dark • 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="Monotone Dark Theme — style_mono_dark"><meta property="og:description" content="A dark monotone theme based around a single color."><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Monotone Dark Theme — style_mono_dark • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Monotone Dark Theme — style_mono_dark"><meta name="description" content="A dark monotone theme based around a single color."><meta property="og:description" content="A dark monotone theme based around a single color."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Monotone Dark Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Monotone Dark Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_mono_dark.R" class="external-link"><code>R/style_mono_dark.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_mono_dark.R" class="external-link"><code>R/style_mono_dark.R</code></a></small> | |||||
| <div class="d-none name"><code>style_mono_dark.Rd</code></div> | <div class="d-none name"><code>style_mono_dark.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>base_color</dt> | |||||
| <dl><dt id="arg-base-color">base_color<a class="anchor" aria-label="anchor" href="#arg-base-color"></a></dt> | |||||
| <dd><p>Monotone Base Color, works best with a light color.. | <dd><p>Monotone Base Color, works best with a light color.. | ||||
| Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>white_color</dt> | |||||
| <dt id="arg-white-color">white_color<a class="anchor" aria-label="anchor" href="#arg-white-color"></a></dt> | |||||
| <dd><p>Brightest color used, default is a very light version of | <dd><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.8)</code>. Used in | <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.8)</code>. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>black_color</dt> | |||||
| <dt id="arg-black-color">black_color<a class="anchor" aria-label="anchor" href="#arg-black-color"></a></dt> | |||||
| <dd><p>Darkest color used, default is a very dark, version of | <dd><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.85)</code>. Used in | <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.85)</code>. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>black_color</code>. | <dd><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <dd><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 | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <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 | also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to <code>black_color</code>. | <dd><p>Inverse Text Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | <code>apply_alpha(base_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>base_color</code>. Modifies the | <code>base_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to <code>darken_color(base_color, 0.7)</code>. Modifies the | Defaults to <code>darken_color(base_color, 0.7)</code>. Modifies the | ||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | ||||
| <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_solarized_light.html">style_solarized_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> | <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>, | |||||
| <p>Other Monotone themes: | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | ||||
| <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_light.html">style_mono_light</a>()</code></p></div> | <code><a href="style_mono_light.html">style_mono_light</a>()</code></p></div> | ||||
| </div> | </div> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 116
- 151
dev/reference/style_mono_light.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="A light monotone theme based around a single color."><title>Monotone Light Theme — style_mono_light • 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="Monotone Light Theme — style_mono_light"><meta property="og:description" content="A light monotone theme based around a single color."><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Monotone Light Theme — style_mono_light • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Monotone Light Theme — style_mono_light"><meta name="description" content="A light monotone theme based around a single color."><meta property="og:description" content="A light monotone theme based around a single color."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Monotone Light Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Monotone Light Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_mono_light.R" class="external-link"><code>R/style_mono_light.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_mono_light.R" class="external-link"><code>R/style_mono_light.R</code></a></small> | |||||
| <div class="d-none name"><code>style_mono_light.Rd</code></div> | <div class="d-none name"><code>style_mono_light.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>base_color</dt> | |||||
| <dl><dt id="arg-base-color">base_color<a class="anchor" aria-label="anchor" href="#arg-base-color"></a></dt> | |||||
| <dd><p>Monotone base color, works best with a strong color. | <dd><p>Monotone base color, works best with a strong color. | ||||
| Defaults to #23395b. Used in multiple CSS rules. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>white_color</dt> | |||||
| <dt id="arg-white-color">white_color<a class="anchor" aria-label="anchor" href="#arg-white-color"></a></dt> | |||||
| <dd><p>Brightest color used, default is a very light version of | <dd><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.9)</code>. Used in | <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.9)</code>. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>black_color</dt> | |||||
| <dt id="arg-black-color">black_color<a class="anchor" aria-label="anchor" href="#arg-black-color"></a></dt> | |||||
| <dd><p>Darkest color used, default is a very dark, version of | <dd><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.3)</code>. Used in | <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.3)</code>. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to <code>white_color</code>. | <dd><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <dd><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <dd><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 | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | ||||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <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 | also stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to <code>white_color</code>. | <dd><p>Inverse Text Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | ||||
| in any argument of a style function or in custom CSS.</p></dd> | in any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | <code>apply_alpha(base_color, 0.6)</code>. Modifies the | ||||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| <code>base_color</code>. Modifies the | <code>base_color</code>. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | ||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_solarized_dark.html">style_solarized_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_solarized_light.html">style_solarized_light</a>()</code>, | ||||
| <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | <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>, | |||||
| <p>Other Monotone themes: | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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></p></div> | <code><a href="style_mono_dark.html">style_mono_dark</a>()</code></p></div> | ||||
| </div> | </div> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 114
- 149
dev/reference/style_solarized_dark.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content='A dark theme based around on the solarized color scheme. | |||||
| <!-- 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"><title>Solarized Dark Theme — style_solarized_dark • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Solarized Dark Theme — style_solarized_dark"><meta name="description" content='A dark theme based around on the solarized color scheme. | |||||
| Works well with "highlightStyle: solarized-dark" or | Works well with "highlightStyle: solarized-dark" or | ||||
| "highlighStyle: solarized-light".'><title>Solarized Dark Theme — style_solarized_dark • 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="Solarized Dark Theme — style_solarized_dark"><meta property="og:description" content='A dark theme based around on the solarized color scheme. | |||||
| "highlighStyle: solarized-light".'><meta property="og:description" content='A dark theme based around on the solarized color scheme. | |||||
| Works well with "highlightStyle: solarized-dark" or | Works well with "highlightStyle: solarized-dark" or | ||||
| "highlighStyle: solarized-light".'><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]> | |||||
| <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> | |||||
| "highlighStyle: solarized-light".'><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Solarized Dark Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Solarized Dark Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_solarized_dark.R" class="external-link"><code>R/style_solarized_dark.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_solarized_dark.R" class="external-link"><code>R/style_solarized_dark.R</code></a></small> | |||||
| <div class="d-none name"><code>style_solarized_dark.Rd</code></div> | <div class="d-none name"><code>style_solarized_dark.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>text_color</dt> | |||||
| <dl><dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to #dc322f. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to #002b36. | <dd><p>Slide Background Color. Defaults to #002b36. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to #b58900. Modifies the | <dd><p>Link Color. Defaults to #b58900. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to #d33682. Modifies the | <dd><p>Bold Text Color. Defaults to #d33682. Modifies the | ||||
| <code>strong</code> element. The value of this variable is also stored as a CSS | <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to #586e75. | <dd><p>Slide Number Color. Defaults to #586e75. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to #268bd240. | <dd><p>Code Line Highlight. Defaults to #268bd240. | ||||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to #6c71c4. Modifies | <dd><p>Inline Code Color. Defaults to #6c71c4. Modifies | ||||
| the <code>.remark-inline-code</code> class.</p></dd> | the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also | #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to #002b36. Modifies | <dd><p>Inverse Text Color. Defaults to #002b36. Modifies | ||||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | the <code>.inverse</code> class. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | variable that can be referenced with <code>var(--inverse-text-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| #586e75. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | #586e75. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| #93a1a1. Modifies the | #93a1a1. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to #cb4b16. Modifies the <code>blockquote</code> element.</p></dd> | to #cb4b16. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #657b83. | <dd><p>Table top/bottom border. Defaults to #657b83. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #657b83. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #657b83. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to #073642. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | Defaults to #073642. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2> | <h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_solarized_light.html">style_solarized_light</a>()</code>, | ||||
| <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | ||||
| <p>Other Solarized themes: | |||||
| <p>Other Solarized themes: | |||||
| <code><a href="style_solarized_light.html">style_solarized_light</a>()</code></p></div> | <code><a href="style_solarized_light.html">style_solarized_light</a>()</code></p></div> | ||||
| </div> | </div> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 114
- 149
dev/reference/style_solarized_light.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content='A light theme based around on the solarized color scheme. | |||||
| <!-- 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"><title>Solarized Light Theme — style_solarized_light • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Solarized Light Theme — style_solarized_light"><meta name="description" content='A light theme based around on the solarized color scheme. | |||||
| Works well with "highlightStyle: solarized-dark" or | Works well with "highlightStyle: solarized-dark" or | ||||
| "highlighStyle: solarized-light".'><title>Solarized Light Theme — style_solarized_light • 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="Solarized Light Theme — style_solarized_light"><meta property="og:description" content='A light theme based around on the solarized color scheme. | |||||
| "highlighStyle: solarized-light".'><meta property="og:description" content='A light theme based around on the solarized color scheme. | |||||
| Works well with "highlightStyle: solarized-dark" or | Works well with "highlightStyle: solarized-dark" or | ||||
| "highlighStyle: solarized-light".'><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]> | |||||
| <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> | |||||
| "highlighStyle: solarized-light".'><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Solarized Light Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Solarized Light Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_solarized_light.R" class="external-link"><code>R/style_solarized_light.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_solarized_light.R" class="external-link"><code>R/style_solarized_light.R</code></a></small> | |||||
| <div class="d-none name"><code>style_solarized_light.Rd</code></div> | <div class="d-none name"><code>style_solarized_light.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>text_color</dt> | |||||
| <dl><dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | <dd><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 | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | can be referenced with <code>var(--text_color)</code> in any argument of a style | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to #dc322f. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to #fdf6e3. | <dd><p>Slide Background Color. Defaults to #fdf6e3. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to #b58900. Modifies the | <dd><p>Link Color. Defaults to #b58900. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to #d33682. Modifies the | <dd><p>Bold Text Color. Defaults to #d33682. Modifies the | ||||
| <code>strong</code> element. The value of this variable is also stored as a CSS | <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to #93a1a1. | <dd><p>Slide Number Color. Defaults to #93a1a1. | ||||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to #268bd240. | <dd><p>Code Line Highlight. Defaults to #268bd240. | ||||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to #6c71c4. Modifies | <dd><p>Inline Code Color. Defaults to #6c71c4. Modifies | ||||
| the <code>.remark-inline-code</code> class.</p></dd> | the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also | #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to #fdf6e3. Modifies | <dd><p>Inverse Text Color. Defaults to #fdf6e3. Modifies | ||||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | the <code>.inverse</code> class. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | variable that can be referenced with <code>var(--inverse-text-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to | <dd><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <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 | classes. The value of this variable is also stored as a CSS variable that | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| #93a1a1. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | #93a1a1. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| #586e75. Modifies the | #586e75. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to #cb4b16. Modifies the <code>blockquote</code> element.</p></dd> | to #cb4b16. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #839496. | <dd><p>Table top/bottom border. Defaults to #839496. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #839496. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #839496. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to #eee8d5. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | Defaults to #eee8d5. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2> | <h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | <code><a href="style_xaringan.html">xaringanthemer_font_default</a>()</code></p> | ||||
| <p>Other Solarized themes: | |||||
| <p>Other Solarized themes: | |||||
| <code><a href="style_solarized_dark.html">style_solarized_dark</a>()</code></p></div> | <code><a href="style_solarized_dark.html">style_solarized_dark</a>()</code></p></div> | ||||
| </div> | </div> | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
+ 113
- 148
dev/reference/style_xaringan.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content="Creates a customized Xaringan theme CSS file."><title>Write A Customized Xaringan Theme — xaringanthemer_font_default • 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="Write A Customized Xaringan Theme — xaringanthemer_font_default"><meta property="og:description" content="Creates a customized Xaringan theme CSS file."><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]> | |||||
| <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> | |||||
| <!-- 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"><title>Write A Customized Xaringan Theme — xaringanthemer_font_default • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><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 name="description" content="Creates a customized Xaringan theme CSS file."><meta property="og:description" content="Creates a customized Xaringan theme CSS file."><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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>Write A Customized Xaringan Theme</h1> | <img src="../logo.png" class="logo" alt=""><h1>Write A Customized Xaringan Theme</h1> | ||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_font_default.R" class="external-link"><code>R/style_font_default.R</code></a>, <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_xaringan.R" class="external-link"><code>R/style_xaringan.R</code></a></small> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_font_default.R" class="external-link"><code>R/style_font_default.R</code></a>, <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/style_xaringan.R" class="external-link"><code>R/style_xaringan.R</code></a></small> | |||||
| <div class="d-none name"><code>style_xaringan.Rd</code></div> | <div class="d-none name"><code>style_xaringan.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>font_arg</dt> | |||||
| <dl><dt id="arg-font-arg">font_arg<a class="anchor" aria-label="anchor" href="#arg-font-arg"></a></dt> | |||||
| <dd><p>A font argument from the <span class="pkg">xaringanthemer</span> <code>style_</code> | <dd><p>A font argument from the <span class="pkg">xaringanthemer</span> <code>style_</code> | ||||
| function family.</p></dd> | function family.</p></dd> | ||||
| <dt>text_color</dt> | |||||
| <dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. | <dd><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 | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code>var(--text_color)</code> in any argument of a style function or | referenced with <code>var(--text_color)</code> in any argument of a style function or | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>header_color</dt> | |||||
| <dt id="arg-header-color">header_color<a class="anchor" aria-label="anchor" href="#arg-header-color"></a></dt> | |||||
| <dd><p>Header Color. Defaults to #000. Modifies the | <dd><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 | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | variable that can be referenced with <code>var(--header-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Slide Background Color. Defaults to #FFF. Modifies | <dd><p>Slide Background Color. Defaults to #FFF. Modifies | ||||
| the <code>.remark-slide-content</code> class. The value of this variable is also | the <code>.remark-slide-content</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>link_color</dt> | |||||
| <dt id="arg-link-color">link_color<a class="anchor" aria-label="anchor" href="#arg-link-color"></a></dt> | |||||
| <dd><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | <dd><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | variable that can be referenced with <code>var(--link-color)</code> in any argument | ||||
| of a style function or in custom CSS.</p></dd> | of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_bold_color</dt> | |||||
| <dt id="arg-text-bold-color">text_bold_color<a class="anchor" aria-label="anchor" href="#arg-text-bold-color"></a></dt> | |||||
| <dd><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the | <dd><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 | <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | variable that can be referenced with <code>var(--text-bold-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_slide_number_color</dt> | |||||
| <dt id="arg-text-slide-number-color">text_slide_number_color<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-color"></a></dt> | |||||
| <dd><p>Slide Number Color. Defaults to | <dd><p>Slide Number Color. Defaults to | ||||
| <code>inverse_background_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | <code>inverse_background_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | ||||
| <dt>padding</dt> | |||||
| <dt id="arg-padding">padding<a class="anchor" aria-label="anchor" href="#arg-padding"></a></dt> | |||||
| <dd><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | <dd><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. | to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class. | ||||
| Accepts CSS | Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_image</dt> | |||||
| <dt id="arg-background-image">background_image<a class="anchor" aria-label="anchor" href="#arg-background-image"></a></dt> | |||||
| <dd><p>Background image applied to each <em>and every</em> slide. | <dd><p>Background image applied to each <em>and every</em> slide. | ||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | Set <code>title_slide_background_image = "none"</code> to remove the background image | ||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | from the title slide. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>background_size</dt> | |||||
| <dt id="arg-background-size">background_size<a class="anchor" aria-label="anchor" href="#arg-background-size"></a></dt> | |||||
| <dd><p>Background image size, requires <code>background_image</code> to | <dd><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 | be set. If <code>background_image</code> is set, <code>background_size</code> will default to | ||||
| <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | <code>cover</code> so the background fills the screen. If both <code>background_image</code> and | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>background_position</dt> | |||||
| <dt id="arg-background-position">background_position<a class="anchor" aria-label="anchor" href="#arg-background-position"></a></dt> | |||||
| <dd><p>Background image position, requires | <dd><p>Background image position, requires | ||||
| <code>background_image</code> to be set, and it is recommended to adjust | <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>background_size</code>. Defaults to <code>NULL</code>. Modifies the | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>code_highlight_color</dt> | |||||
| <dt id="arg-code-highlight-color">code_highlight_color<a class="anchor" aria-label="anchor" href="#arg-code-highlight-color"></a></dt> | |||||
| <dd><p>Code Line Highlight. Defaults to | <dd><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | 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 | The value of this variable is also stored as a CSS variable that can be | ||||
| function or in custom CSS.</p></dd> | function or in custom CSS.</p></dd> | ||||
| <dt>code_inline_color</dt> | |||||
| <dt id="arg-code-inline-color">code_inline_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-color"></a></dt> | |||||
| <dd><p>Inline Code Color. Defaults to #000. Modifies the | <dd><p>Inline Code Color. Defaults to #000. Modifies the | ||||
| <code>.remark-inline-code</code> class.</p></dd> | <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_background_color</dt> | |||||
| <dt id="arg-code-inline-background-color">code_inline_background_color<a class="anchor" aria-label="anchor" href="#arg-code-inline-background-color"></a></dt> | |||||
| <dd><p>Inline Code Background Color. Defaults | <dd><p>Inline Code Background Color. Defaults | ||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | ||||
| <dt>code_inline_font_size</dt> | |||||
| <dt id="arg-code-inline-font-size">code_inline_font_size<a class="anchor" aria-label="anchor" href="#arg-code-inline-font-size"></a></dt> | |||||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | <dd><p>Inline Code Text Font Size. Defaults to 1em. | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_background_color</dt> | |||||
| <dt id="arg-inverse-background-color">inverse_background_color<a class="anchor" aria-label="anchor" href="#arg-inverse-background-color"></a></dt> | |||||
| <dd><p>Inverse Background Color. Defaults to | <dd><p>Inverse Background Color. Defaults to | ||||
| #272822. Modifies the <code>.inverse</code> class. The value of this variable is also | #272822. Modifies the <code>.inverse</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| in custom CSS.</p></dd> | in custom CSS.</p></dd> | ||||
| <dt>inverse_text_color</dt> | |||||
| <dt id="arg-inverse-text-color">inverse_text_color<a class="anchor" aria-label="anchor" href="#arg-inverse-text-color"></a></dt> | |||||
| <dd><p>Inverse Text Color. Defaults to #d6d6d6. Modifies | <dd><p>Inverse Text Color. Defaults to #d6d6d6. Modifies | ||||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | the <code>.inverse</code> class. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | variable that can be referenced with <code>var(--inverse-text-color)</code> in any | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>inverse_text_shadow</dt> | |||||
| <dt id="arg-inverse-text-shadow">inverse_text_shadow<a class="anchor" aria-label="anchor" href="#arg-inverse-text-shadow"></a></dt> | |||||
| <dd><p>Enables Shadow on text of inverse slides. | <dd><p>Enables Shadow on text of inverse slides. | ||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | ||||
| <dt>inverse_header_color</dt> | |||||
| <dt id="arg-inverse-header-color">inverse_header_color<a class="anchor" aria-label="anchor" href="#arg-inverse-header-color"></a></dt> | |||||
| <dd><p>Inverse Header Color. Defaults to #f3f3f3. | <dd><p>Inverse Header Color. Defaults to #f3f3f3. | ||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | 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 | this variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>inverse_link_color</dt> | |||||
| <dt id="arg-inverse-link-color">inverse_link_color<a class="anchor" aria-label="anchor" href="#arg-inverse-link-color"></a></dt> | |||||
| <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | <dd><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_text_color</dt> | |||||
| <dt id="arg-title-slide-text-color">title_slide_text_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-text-color"></a></dt> | |||||
| <dd><p>Title Slide Text Color. Defaults to | <dd><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <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 | variable is also stored as a CSS variable that can be referenced with | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>title_slide_background_color</dt> | |||||
| <dt id="arg-title-slide-background-color">title_slide_background_color<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-color"></a></dt> | |||||
| <dd><p>Title Slide Background Color. Defaults | <dd><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | 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 | value of this variable is also stored as a CSS variable that can be | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>title_slide_background_image</dt> | |||||
| <dt id="arg-title-slide-background-image">title_slide_background_image<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-image"></a></dt> | |||||
| <dd><p>Title Slide Background Image URL. | <dd><p>Title Slide Background Image URL. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | ||||
| <dt>title_slide_background_size</dt> | |||||
| <dt id="arg-title-slide-background-size">title_slide_background_size<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-size"></a></dt> | |||||
| <dd><p>Title Slide Background Image Size, | <dd><p>Title Slide Background Image Size, | ||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | ||||
| Modifies the <code>.title-slide</code> class. Accepts CSS | Modifies the <code>.title-slide</code> class. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>title_slide_background_position</dt> | |||||
| <dt id="arg-title-slide-background-position">title_slide_background_position<a class="anchor" aria-label="anchor" href="#arg-title-slide-background-position"></a></dt> | |||||
| <dd><p>Title Slide Background Image | <dd><p>Title Slide Background Image | ||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | ||||
| CSS | CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_color</dt> | |||||
| <dt id="arg-footnote-color">footnote_color<a class="anchor" aria-label="anchor" href="#arg-footnote-color"></a></dt> | |||||
| <dd><p>Footnote text color (if <code>NA</code>, then it will be the same | <dd><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> | color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | ||||
| class.</p></dd> | class.</p></dd> | ||||
| <dt>footnote_font_size</dt> | |||||
| <dt id="arg-footnote-font-size">footnote_font_size<a class="anchor" aria-label="anchor" href="#arg-footnote-font-size"></a></dt> | |||||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | <dd><p>Footnote font size. Defaults to 0.9em. Modifies | ||||
| the <code>.footnote</code> class. Accepts CSS | the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>footnote_position_bottom</dt> | |||||
| <dt id="arg-footnote-position-bottom">footnote_position_bottom<a class="anchor" aria-label="anchor" href="#arg-footnote-position-bottom"></a></dt> | |||||
| <dd><p>Footnote location from bottom of screen. | <dd><p>Footnote location from bottom of screen. | ||||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>left_column_subtle_color</dt> | |||||
| <dt id="arg-left-column-subtle-color">left_column_subtle_color<a class="anchor" aria-label="anchor" href="#arg-left-column-subtle-color"></a></dt> | |||||
| <dd><p>Left Column Text (not last). Defaults to | <dd><p>Left Column Text (not last). Defaults to | ||||
| #777. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | #777. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | ||||
| <dt>left_column_selected_color</dt> | |||||
| <dt id="arg-left-column-selected-color">left_column_selected_color<a class="anchor" aria-label="anchor" href="#arg-left-column-selected-color"></a></dt> | |||||
| <dd><p>Left Column Current Selection. Defaults to | <dd><p>Left Column Current Selection. Defaults to | ||||
| #000. Modifies the | #000. Modifies the | ||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | ||||
| <dt>blockquote_left_border_color</dt> | |||||
| <dt id="arg-blockquote-left-border-color">blockquote_left_border_color<a class="anchor" aria-label="anchor" href="#arg-blockquote-left-border-color"></a></dt> | |||||
| <dd><p>Blockquote Left Border Color. Defaults | <dd><p>Blockquote Left Border Color. Defaults | ||||
| to lightgray. Modifies the <code>blockquote</code> element.</p></dd> | to lightgray. Modifies the <code>blockquote</code> element.</p></dd> | ||||
| <dt>table_border_color</dt> | |||||
| <dt id="arg-table-border-color">table_border_color<a class="anchor" aria-label="anchor" href="#arg-table-border-color"></a></dt> | |||||
| <dd><p>Table top/bottom border. Defaults to #666. | <dd><p>Table top/bottom border. Defaults to #666. | ||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_border_color</dt> | |||||
| <dt id="arg-table-row-border-color">table_row_border_color<a class="anchor" aria-label="anchor" href="#arg-table-row-border-color"></a></dt> | |||||
| <dd><p>Table row inner bottom border. Defaults to | <dd><p>Table row inner bottom border. Defaults to | ||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | ||||
| <dt>table_row_even_background_color</dt> | |||||
| <dt id="arg-table-row-even-background-color">table_row_even_background_color<a class="anchor" aria-label="anchor" href="#arg-table-row-even-background-color"></a></dt> | |||||
| <dd><p>Table Even Row Background Color. | <dd><p>Table Even Row Background Color. | ||||
| Defaults to #eee. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | Defaults to #eee. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>base_font_size</dt> | |||||
| <dt id="arg-base-font-size">base_font_size<a class="anchor" aria-label="anchor" href="#arg-base-font-size"></a></dt> | |||||
| <dd><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <dd><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 | 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 | is also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h1_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h1_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h2_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h2_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_h3_font_size</dt> | |||||
| <dt id="arg-header-h-font-size">header_h3_font_size<a class="anchor" aria-label="anchor" href="#arg-header-h-font-size"></a></dt> | |||||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_background_auto</dt> | |||||
| <dt id="arg-header-background-auto">header_background_auto<a class="anchor" aria-label="anchor" href="#arg-header-background-auto"></a></dt> | |||||
| <dd><p>Add background under slide title automatically | <dd><p>Add background under slide title automatically | ||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | for h1 header elements. If not enabled, use <code>class: header_background</code> to | ||||
| enable. Defaults to <code>FALSE</code>.</p></dd> | enable. Defaults to <code>FALSE</code>.</p></dd> | ||||
| <dt>header_background_color</dt> | |||||
| <dt id="arg-header-background-color">header_background_color<a class="anchor" aria-label="anchor" href="#arg-header-background-color"></a></dt> | |||||
| <dd><p>Background Color for h1 Header with | <dd><p>Background Color for h1 Header with | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| custom CSS.</p></dd> | custom CSS.</p></dd> | ||||
| <dt>header_background_text_color</dt> | |||||
| <dt id="arg-header-background-text-color">header_background_text_color<a class="anchor" aria-label="anchor" href="#arg-header-background-text-color"></a></dt> | |||||
| <dd><p>Text Color for h1 Header with | <dd><p>Text Color for h1 Header with | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_background_padding</dt> | |||||
| <dt id="arg-header-background-padding">header_background_padding<a class="anchor" aria-label="anchor" href="#arg-header-background-padding"></a></dt> | |||||
| <dd><p>Padding for h1 Header with Background. | <dd><p>Padding for h1 Header with Background. | ||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | 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" class="external-link">padding</a> | CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_background_content_padding_top</dt> | |||||
| <dt id="arg-header-background-content-padding-top">header_background_content_padding_top<a class="anchor" aria-label="anchor" href="#arg-header-background-content-padding-top"></a></dt> | |||||
| <dd><p>Top Padding for Content in | <dd><p>Top Padding for Content in | ||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | Slide with Header with Background. Defaults to 7rem. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>header_background_ignore_classes</dt> | |||||
| <dt id="arg-header-background-ignore-classes">header_background_ignore_classes<a class="anchor" aria-label="anchor" href="#arg-header-background-ignore-classes"></a></dt> | |||||
| <dd><p>Slide Classes Where Header with | <dd><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | ||||
| <code>.remark-slide-content</code> class.</p></dd> | <code>.remark-slide-content</code> class.</p></dd> | ||||
| <dt>text_slide_number_font_size</dt> | |||||
| <dt id="arg-text-slide-number-font-size">text_slide_number_font_size<a class="anchor" aria-label="anchor" href="#arg-text-slide-number-font-size"></a></dt> | |||||
| <dd><p>Slide Number Text Font Size. Defaults to | <dd><p>Slide Number Text Font Size. Defaults to | ||||
| 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | 0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_font_google</dt> | |||||
| <dt id="arg-text-font-google">text_font_google<a class="anchor" aria-label="anchor" href="#arg-text-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify body font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>text_font_family</dt> | |||||
| <dt id="arg-text-font-family">text_font_family<a class="anchor" aria-label="anchor" href="#arg-text-font-family"></a></dt> | |||||
| <dd><p>Body Text Font Family (xaringan default is | <dd><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| style function or in custom CSS.</p></dd> | style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_weight</dt> | |||||
| <dt id="arg-text-font-weight">text_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-font-weight"></a></dt> | |||||
| <dd><p>Body Text Font Weight. Defaults to | <dd><p>Body Text Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | ||||
| element. Accepts CSS | element. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>text_bold_font_weight</dt> | |||||
| <dt id="arg-text-bold-font-weight">text_bold_font_weight<a class="anchor" aria-label="anchor" href="#arg-text-bold-font-weight"></a></dt> | |||||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | <dd><p>Body Bold Text Font Weight. Defaults to bold. | ||||
| Modifies the <code>strong</code> element.</p></dd> | Modifies the <code>strong</code> element.</p></dd> | ||||
| <dt>text_font_url</dt> | |||||
| <dt id="arg-text-font-url">text_font_url<a class="anchor" aria-label="anchor" href="#arg-text-font-url"></a></dt> | |||||
| <dd><p>Body Text Font URL(s). Defaults to | <dd><p>Body Text Font URL(s). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | ||||
| <code>@import url()</code> elements.</p></dd> | <code>@import url()</code> elements.</p></dd> | ||||
| <dt>text_font_family_fallback</dt> | |||||
| <dt id="arg-text-font-family-fallback">text_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-text-font-family-fallback"></a></dt> | |||||
| <dd><p>Body Text Font Fallbacks. Defaults to | <dd><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <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 | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| any argument of a style function or in custom CSS.</p></dd> | any argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>text_font_base</dt> | |||||
| <dt id="arg-text-font-base">text_font_base<a class="anchor" aria-label="anchor" href="#arg-text-font-base"></a></dt> | |||||
| <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | <dd><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | 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 | also stored as a CSS variable that can be referenced with | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>header_font_google</dt> | |||||
| <dt id="arg-header-font-google">header_font_google<a class="anchor" aria-label="anchor" href="#arg-header-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify header font. | <dd><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></dd> | Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>header_font_family</dt> | |||||
| <dt id="arg-header-font-family">header_font_family<a class="anchor" aria-label="anchor" href="#arg-header-font-family"></a></dt> | |||||
| <dd><p>Header Font Family (xaringan default is | <dd><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>header_font_weight</dt> | |||||
| <dt id="arg-header-font-weight">header_font_weight<a class="anchor" aria-label="anchor" href="#arg-header-font-weight"></a></dt> | |||||
| <dd><p>Header Font Weight. Defaults to | <dd><p>Header Font Weight. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>header_font_family_fallback</dt> | |||||
| <dt id="arg-header-font-family-fallback">header_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-header-font-family-fallback"></a></dt> | |||||
| <dd><p>Header Font Family Fallback. Defaults to | <dd><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. 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 | variable is also stored as a CSS variable that can be referenced with | ||||
| or in custom CSS.</p></dd> | or in custom CSS.</p></dd> | ||||
| <dt>header_font_url</dt> | |||||
| <dt id="arg-header-font-url">header_font_url<a class="anchor" aria-label="anchor" href="#arg-header-font-url"></a></dt> | |||||
| <dd><p>Header Font URL. Defaults to | <dd><p>Header Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | ||||
| <code>@import url</code> elements.</p></dd> | <code>@import url</code> elements.</p></dd> | ||||
| <dt>code_font_google</dt> | |||||
| <dt id="arg-code-font-google">code_font_google<a class="anchor" aria-label="anchor" href="#arg-code-font-google"></a></dt> | |||||
| <dd><p>Use <code><a href="google_font.html">google_font()</a></code> to specify code font. Defaults | <dd><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></dd> | to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | ||||
| <dt>code_font_family</dt> | |||||
| <dt id="arg-code-font-family">code_font_family<a class="anchor" aria-label="anchor" href="#arg-code-font-family"></a></dt> | |||||
| <dd><p>Code Font Family. Defaults to | <dd><p>Code Font Family. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| CSS.</p></dd> | CSS.</p></dd> | ||||
| <dt>code_font_size</dt> | |||||
| <dt id="arg-code-font-size">code_font_size<a class="anchor" aria-label="anchor" href="#arg-code-font-size"></a></dt> | |||||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | ||||
| argument of a style function or in custom CSS.</p></dd> | argument of a style function or in custom CSS.</p></dd> | ||||
| <dt>code_font_url</dt> | |||||
| <dt id="arg-code-font-url">code_font_url<a class="anchor" aria-label="anchor" href="#arg-code-font-url"></a></dt> | |||||
| <dd><p>Code Font URL. Defaults to | <dd><p>Code Font URL. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | ||||
| elements.</p></dd> | elements.</p></dd> | ||||
| <dt>code_font_family_fallback</dt> | |||||
| <dt id="arg-code-font-family-fallback">code_font_family_fallback<a class="anchor" aria-label="anchor" href="#arg-code-font-family-fallback"></a></dt> | |||||
| <dd><p>Code Font Fallback. Defaults to | <dd><p>Code Font Fallback. Defaults to | ||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | ||||
| <dt>link_decoration</dt> | |||||
| <dt id="arg-link-decoration">link_decoration<a class="anchor" aria-label="anchor" href="#arg-link-decoration"></a></dt> | |||||
| <dd><p>Text decoration of links. Defaults to none. Modifies | <dd><p>Text decoration of links. Defaults to none. Modifies | ||||
| the <code>a, a > code</code> elements. Accepts CSS | the <code>a, a > code</code> elements. Accepts CSS | ||||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a> | ||||
| property values.</p></dd> | property values.</p></dd> | ||||
| <dt>colors</dt> | |||||
| <dt id="arg-colors">colors<a class="anchor" aria-label="anchor" href="#arg-colors"></a></dt> | |||||
| <dd><p>A named vector of custom colors. The names of the colors | <dd><p>A named vector of custom colors. The names of the colors | ||||
| become CSS variables and classes that can be used within your slides. | become CSS variables and classes that can be used within your slides. | ||||
| For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | ||||
| to the background.</p></dd> | to the background.</p></dd> | ||||
| <dt>extra_css</dt> | |||||
| <dt id="arg-extra-css">extra_css<a class="anchor" aria-label="anchor" href="#arg-extra-css"></a></dt> | |||||
| <dd><p>A named list of CSS definitions each containing a named list | <dd><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | ||||
| <dt>extra_fonts</dt> | |||||
| <dt id="arg-extra-fonts">extra_fonts<a class="anchor" aria-label="anchor" href="#arg-extra-fonts"></a></dt> | |||||
| <dd><p>A list of additional fonts to import, each list element | <dd><p>A list of additional fonts to import, each list element | ||||
| can be either a URL as a character string or a call to | 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 | <code><a href="google_font.html">google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you | ||||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | ||||
| <dt>outfile</dt> | |||||
| <dt id="arg-outfile">outfile<a class="anchor" aria-label="anchor" href="#arg-outfile"></a></dt> | |||||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code></p> | |||||
| <p>(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| <p>The CSS styles are written to the file path provided in <code>outfile</code> | |||||
| (by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is | |||||
| returned directly as a character string.</p> | returned directly as a character string.</p> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="functions">Functions<a class="anchor" aria-label="anchor" href="#functions"></a></h2> | <h2 id="functions">Functions<a class="anchor" aria-label="anchor" href="#functions"></a></h2> | ||||
| <ul><li><p><code>xaringanthemer_font_default()</code>: Default values for font family, weight, URLs and | <ul><li><p><code>xaringanthemer_font_default()</code>: Default values for font family, weight, URLs and | ||||
| font fallbacks.</p></li> | font fallbacks.</p></li> | ||||
| </ul></div> | </ul></div> | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | 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> | 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.</p> | argument, use that name instead of the default file name.</p> | ||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| <p></p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||||
| <span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a><span class="at">xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||||
| <span id="cb1-3"><a href="#cb1-3" tabindex="-1"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre><p></p></div> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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>, | |||||
| <div class="dont-index"><p>Other themes: | |||||
| <code><a href="style_duo.html">style_duo</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_duo_accent.html">style_duo_accent</a>()</code>, | |||||
| <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse</a>()</code>, | |||||
| <code><a href="style_mono_accent.html">style_mono_accent</a>()</code>, | <code><a href="style_mono_accent.html">style_mono_accent</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_dark.html">style_mono_dark</a>()</code>, | ||||
| <code><a href="style_mono_light.html">style_mono_light</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_dark.html">style_solarized_dark</a>()</code>, | ||||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
BIN
dev/reference/theme_xaringan-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 51KB | Width: 1400 | Height: 866 | Size: 51KB |
+ 52
- 85
dev/reference/theme_xaringan.html
Wyświetl plik
| <!DOCTYPE html> | <!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, shrink-to-fit=no"><meta name="description" content=' | |||||
| <!-- 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"><title>A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan • 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.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><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 name="description" content=' | |||||
| Creates ggplot2 themes to match the xaringanthemer theme used in the | Creates ggplot2 themes to match the xaringanthemer theme used in the | ||||
| xaringan slides that seamlessly matches the "normal" slide colors and | xaringan slides that seamlessly matches the "normal" slide colors and | ||||
| styles. See vignette("ggplot2-themes") for more information and examples.'><title>A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan • 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="A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan"><meta property="og:description" content=' | |||||
| styles. See vignette("ggplot2-themes") for more information and examples.'><meta property="og:description" content=' | |||||
| Creates ggplot2 themes to match the xaringanthemer theme used in the | Creates ggplot2 themes to match the xaringanthemer theme used in the | ||||
| xaringan slides that seamlessly matches the "normal" slide colors and | xaringan slides that seamlessly matches the "normal" slide colors and | ||||
| styles. See 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]> | |||||
| <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> | |||||
| styles. See 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"></head><body> | |||||
| <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | <a href="#main" class="visually-hidden-focusable">Skip to contents</a> | ||||
| <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container"> | |||||
| <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container"> | |||||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | ||||
| <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> | |||||
| <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.2.9000</small> | |||||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | <div id="navbar" class="collapse navbar-collapse ms-3"> | ||||
| <ul class="navbar-nav me-auto"><li class="nav-item"> | |||||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||||
| </li> | |||||
| <li class="active nav-item"> | |||||
| <a class="nav-link" href="../reference/index.html">Reference</a> | |||||
| </li> | |||||
| <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li> | |||||
| <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li> | |||||
| <li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown-themes"> | |||||
| <h6 class="dropdown-header" data-toc-skip>Themes</h6> | |||||
| <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a> | |||||
| <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <h6 class="dropdown-header" data-toc-skip>More Customization</h6> | |||||
| <a class="dropdown-item" href="../articles/fonts.html">Fonts</a> | |||||
| <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a> | |||||
| </div> | |||||
| </li> | |||||
| </ul><form class="form-inline my-2 my-lg-0" role="search"> | |||||
| <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> | |||||
| <ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--"> | |||||
| <span class="far fa far fa-newspaper fa-lg"></span> | |||||
| </a> | |||||
| <div class="dropdown-menu" aria-labelledby="dropdown--"> | |||||
| <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| <div class="dropdown-divider"></div> | |||||
| <a class="dropdown-item" href="../news/index.html">Changelog</a> | |||||
| </div> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"> | |||||
| <span class="fab fa fab fa-github fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://twitter.com/grrrck"> | |||||
| <span class="fab fa fab fa-twitter fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="external-link nav-link" href="https://www.garrickadenbuie.com"> | |||||
| <span class="fas fa fas fa-home fa-lg"></span> | |||||
| </a> | |||||
| </li> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button> | |||||
| <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li> | |||||
| <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li> | |||||
| <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li> | |||||
| </ul></li> | |||||
| </ul><ul class="navbar-nav"><li class="nav-item dropdown"> | |||||
| <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button> | |||||
| <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li> | |||||
| <li><hr class="dropdown-divider"></li> | |||||
| <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li> | |||||
| </ul></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li> | |||||
| <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li> | |||||
| </ul></div> | </ul></div> | ||||
| </div> | </div> | ||||
| </nav><div class="container template-reference-topic"> | </nav><div class="container template-reference-topic"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <main id="main" class="col-md-9"><div class="page-header"> | <main id="main" class="col-md-9"><div class="page-header"> | ||||
| <img src="../logo.png" class="logo" alt=""><h1>A Plot Theme for ggplot2 by xaringanthemer</h1> | <img src="../logo.png" class="logo" alt=""><h1>A Plot Theme for ggplot2 by xaringanthemer</h1> | ||||
| <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> | |||||
| <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/main/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small> | |||||
| <div class="d-none name"><code>theme_xaringan.Rd</code></div> | <div class="d-none name"><code>theme_xaringan.Rd</code></div> | ||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | ||||
| <dl><dt>text_color</dt> | |||||
| <dl><dt id="arg-text-color">text_color<a class="anchor" aria-label="anchor" href="#arg-text-color"></a></dt> | |||||
| <dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd> | <dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd> | ||||
| <dt>background_color</dt> | |||||
| <dt id="arg-background-color">background_color<a class="anchor" aria-label="anchor" href="#arg-background-color"></a></dt> | |||||
| <dd><p>Color for background, inherits from | <dd><p>Color for background, inherits from | ||||
| <code>background_color</code></p></dd> | <code>background_color</code></p></dd> | ||||
| <dt>accent_color</dt> | |||||
| <dt id="arg-accent-color">accent_color<a class="anchor" aria-label="anchor" href="#arg-accent-color"></a></dt> | |||||
| <dd><p>Color for titles and accents, inherits from | <dd><p>Color for titles and accents, inherits from | ||||
| <code>header_color</code></p></dd> | <code>header_color</code></p></dd> | ||||
| <dt>accent_secondary_color</dt> | |||||
| <dt id="arg-accent-secondary-color">accent_secondary_color<a class="anchor" aria-label="anchor" href="#arg-accent-secondary-color"></a></dt> | |||||
| <dd><p>Color for secondary accents, inherits from | <dd><p>Color for secondary accents, inherits from | ||||
| <code>text_bold_color</code></p></dd> | <code>text_bold_color</code></p></dd> | ||||
| <dt>css_file</dt> | |||||
| <dt id="arg-css-file">css_file<a class="anchor" aria-label="anchor" href="#arg-css-file"></a></dt> | |||||
| <dd><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the | <dd><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 | 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 | <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature | ||||
| CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd> | CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd> | ||||
| <dt>set_ggplot_defaults</dt> | |||||
| <dt id="arg-set-ggplot-defaults">set_ggplot_defaults<a class="anchor" aria-label="anchor" href="#arg-set-ggplot-defaults"></a></dt> | |||||
| <dd><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>? | <dd><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 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></dd> | defaults, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd> | ||||
| <dt>text_font</dt> | |||||
| <dt id="arg-text-font">text_font<a class="anchor" aria-label="anchor" href="#arg-text-font"></a></dt> | |||||
| <dd><p>Font to use for text elements, passed to | <dd><p>Font to use for text elements, passed to | ||||
| <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 | <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 | ||||
| <code>TRUE</code>. Inherits from <code>text_font_family</code>. If manually specified, can be a | <code>TRUE</code>. Inherits from <code>text_font_family</code>. If manually specified, can be a | ||||
| <code><a href="google_font.html">google_font()</a></code>.</p></dd> | <code><a href="google_font.html">google_font()</a></code>.</p></dd> | ||||
| <dt>text_font_use_google</dt> | |||||
| <dt id="arg-text-font-use-google">text_font_use_google<a class="anchor" aria-label="anchor" href="#arg-text-font-use-google"></a></dt> | |||||
| <dd><p>Is <code>text_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd> | <dd><p>Is <code>text_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd> | ||||
| <dt>text_font_size</dt> | |||||
| <dt id="arg-text-font-size">text_font_size<a class="anchor" aria-label="anchor" href="#arg-text-font-size"></a></dt> | |||||
| <dd><p>Base text font size, inherits from <code>text_font_size</code>, or | <dd><p>Base text font size, inherits from <code>text_font_size</code>, or | ||||
| defaults to 11.</p></dd> | defaults to 11.</p></dd> | ||||
| <dt>title_font</dt> | |||||
| <dt id="arg-title-font">title_font<a class="anchor" aria-label="anchor" href="#arg-title-font"></a></dt> | |||||
| <dd><p>Font to use for title elements, passed to | <dd><p>Font to use for title elements, passed to | ||||
| <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 | <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 | ||||
| <code>TRUE</code>. Inherits from <code>title_font_family</code>. If manually specified, can be a | <code>TRUE</code>. Inherits from <code>title_font_family</code>. If manually specified, can be a | ||||
| <code><a href="google_font.html">google_font()</a></code>.</p></dd> | <code><a href="google_font.html">google_font()</a></code>.</p></dd> | ||||
| <dt>title_font_use_google</dt> | |||||
| <dt id="arg-title-font-use-google">title_font_use_google<a class="anchor" aria-label="anchor" href="#arg-title-font-use-google"></a></dt> | |||||
| <dd><p>Is <code>title_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd> | <dd><p>Is <code>title_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd> | ||||
| <dt>title_font_size</dt> | |||||
| <dt id="arg-title-font-size">title_font_size<a class="anchor" aria-label="anchor" href="#arg-title-font-size"></a></dt> | |||||
| <dd><p>Base text font size, inherits from <code>title_font_size</code>, | <dd><p>Base text font size, inherits from <code>title_font_size</code>, | ||||
| or defaults to 14.</p></dd> | or defaults to 14.</p></dd> | ||||
| <dt>use_showtext</dt> | |||||
| <dt id="arg-use-showtext">use_showtext<a class="anchor" aria-label="anchor" href="#arg-use-showtext"></a></dt> | |||||
| <dd><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be | <dd><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be | ||||
| used to register Google fonts. Set to <code>FALSE</code> to disable this feature | 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 | entirely, which may result in errors during plotting if the fonts used are | ||||
| </dl></div> | </dl></div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | ||||
| <p>A ggplot2 theme</p> | |||||
| <p>A ggplot2 theme</p> | |||||
| </div> | </div> | ||||
| <div class="section level2"> | <div class="section level2"> | ||||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | ||||
| <div class="dont-index"><p>Other xaringanthemer ggplot2 themes: | |||||
| <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_base.html">theme_xaringan_base</a>()</code>, | ||||
| <code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse</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> | <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults</a>()</code></p></div> | ||||
| <span class="r-plt img"><img src="theme_xaringan-1.png" alt="" width="700" height="433"></span> | <span class="r-plt img"><img src="theme_xaringan-1.png" alt="" width="700" height="433"></span> | ||||
| </code></pre></div> | </code></pre></div> | ||||
| </div> | </div> | ||||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||||
| </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2> | |||||
| </nav></aside></div> | </nav></aside></div> | ||||
| <footer><div class="pkgdown-footer-left"> | <footer><div class="pkgdown-footer-left"> | ||||
| <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p> | |||||
| </div> | </div> | ||||
| <div class="pkgdown-footer-right"> | <div class="pkgdown-footer-right"> | ||||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p> | |||||
| </div> | </div> | ||||
| </footer></div> | </footer></div> | ||||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||||
| <script src="../doc-versions.js"></script></body></html> | |||||
BIN
dev/reference/theme_xaringan_base-1.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 64KB | Width: 1400 | Height: 866 | Size: 63KB |
BIN
dev/reference/theme_xaringan_base-2.png
Wyświetl plik
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 39KB | Width: 1400 | Height: 866 | Size: 38KB |
Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików
Ładowanie…