| @@ -13,9 +13,9 @@ | |||
| <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="https://pkg.garrickadenbuie.com/xaringanthemer/apple-touch-icon-76x76.png"> | |||
| <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="https://pkg.garrickadenbuie.com/xaringanthemer/apple-touch-icon-60x60.png"> | |||
| <script src="https://pkg.garrickadenbuie.com/xaringanthemer/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="https://pkg.garrickadenbuie.com/xaringanthemer/deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="https://pkg.garrickadenbuie.com/xaringanthemer/deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="https://pkg.garrickadenbuie.com/xaringanthemer/deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="https://pkg.garrickadenbuie.com/xaringanthemer/deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="https://pkg.garrickadenbuie.com/xaringanthemer/deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="https://pkg.garrickadenbuie.com/xaringanthemer/deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="https://pkg.garrickadenbuie.com/xaringanthemer/deps/IBM_Plex_Mono-0.4.2/font.css" rel="stylesheet"> | |||
| <link href="https://pkg.garrickadenbuie.com/xaringanthemer/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="https://pkg.garrickadenbuie.com/xaringanthemer/pkgdown.js"></script><link href="https://pkg.garrickadenbuie.com/xaringanthemer/extra.css" rel="stylesheet"> | |||
| @@ -37,14 +37,14 @@ | |||
| <a class="navbar-brand me-2" href="https://pkg.garrickadenbuie.com/xaringanthemer/index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | |||
| <ul class="navbar-nav me-auto"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/xaringanthemer.html">Features</a> | |||
| @@ -125,7 +125,7 @@ Content not found. Please use links in the navbar. | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -133,7 +133,6 @@ Content not found. Please use links in the navbar. | |||
| </body> | |||
| <script src="https://pkg.garrickadenbuie.com/xaringanthemer/NA">window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -92,14 +92,12 @@ COPYRIGHT HOLDER: Garrick Aden-Buie | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -81,7 +81,6 @@ | |||
| </div> | |||
| <div id="mit-license" class="section level1"> | |||
| <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>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p> | |||
| @@ -96,14 +95,12 @@ | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -14,9 +14,9 @@ | |||
| <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.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="../deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <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"> | |||
| @@ -39,14 +39,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -108,8 +108,12 @@ | |||
| </div> | |||
| </nav><div class="container template-article"> | |||
| <script src="fonts_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row"> | |||
| <main id="main"><div class="page-header"> | |||
| <div class="row"> | |||
| <main id="main" class="col-md-9"><div class="page-header"> | |||
| <img src="../logo.png" class="logo" alt=""><h1>Fonts</h1> | |||
| @@ -153,11 +157,11 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| <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"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span> | |||
| text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>, | |||
| text_font_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</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">"Yanone Kaffeesatz"</span><span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</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">"Yanone Kaffeesatz"</span><span class="op">)</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <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> | |||
| @@ -165,18 +169,18 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| <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"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</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>, | |||
| 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>, | |||
| 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 class="op">)</span></code></pre></div> | |||
| <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> 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><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> | |||
| <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span> | |||
| code_font_family <span class="op">=</span> <span class="st">"Fira Code"</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 class="op">)</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> | |||
| <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><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> | |||
| </div> | |||
| <div class="section level3"> | |||
| @@ -184,19 +188,20 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| </h3> | |||
| <p>If you want to use additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p> | |||
| <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</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 class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>, | |||
| <span class="co"># Young Serif by uplaod.fr</span> | |||
| <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>, | |||
| <span class="op">)</span>, | |||
| extra_css <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">".title-slide h2"</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-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>, | |||
| blockquote <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-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span> | |||
| <span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>,</span> | |||
| <span> <span class="co"># Young Serif by uplaod.fr</span></span> | |||
| <span> <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,</span> | |||
| <span> <span class="op">)</span>,</span> | |||
| <span> extra_css <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">".title-slide h2"</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-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>,</span> | |||
| <span> blockquote <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-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span></span> | |||
| <span> <span class="op">)</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| </main> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| </nav></aside> | |||
| </div> | |||
| @@ -208,7 +213,7 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -216,7 +221,6 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| </body> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -14,9 +14,9 @@ | |||
| <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.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="../deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <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"> | |||
| @@ -39,14 +39,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -108,8 +108,12 @@ | |||
| </div> | |||
| </nav><div class="container template-article"> | |||
| <script src="ggplot2-themes_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row"> | |||
| <main id="main"><div class="page-header"> | |||
| <div class="row"> | |||
| <main id="main" class="col-md-9"><div class="page-header"> | |||
| <img src="../logo.png" class="logo" alt=""><h1>ggplot2 Themes</h1> | |||
| @@ -139,42 +143,42 @@ img { max-width: 100%; border: none; } | |||
| </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"></a><span class="bn">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></a><span class="bn">library(xaringanthemer)</span></span> | |||
| <span id="cb1-3"><a href="#cb1-3"></a><span class="bn">style_mono_accent(</span></span> | |||
| <span id="cb1-4"><a href="#cb1-4"></a><span class="bn"> base_color = "#DC322F", # bright red</span></span> | |||
| <span id="cb1-5"><a href="#cb1-5"></a><span class="bn"> inverse_background_color = "#002B36", # dark dark blue</span></span> | |||
| <span id="cb1-6"><a href="#cb1-6"></a><span class="bn"> inverse_header_color = "#31b09e", # light aqua green</span></span> | |||
| <span id="cb1-7"><a href="#cb1-7"></a><span class="bn"> inverse_text_color = "#FFFFFF", # white</span></span> | |||
| <span id="cb1-8"><a href="#cb1-8"></a><span class="bn"> title_slide_background_color = "var(--base)",</span></span> | |||
| <span id="cb1-9"><a href="#cb1-9"></a><span class="bn"> text_font_google = google_font("Kelly Slab"),</span></span> | |||
| <span id="cb1-10"><a href="#cb1-10"></a><span class="bn"> header_font_google = google_font("Oleo Script")</span></span> | |||
| <span id="cb1-11"><a href="#cb1-11"></a><span class="bn">)</span></span> | |||
| <span id="cb1-12"><a href="#cb1-12"></a><span class="bn">```</span></span></code></pre></div> | |||
| <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> | |||
| <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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 class="va">g_base</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">mpg</span><span class="op">)</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><span class="va">hwy</span>, <span class="va">cty</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</span><span class="op">)</span> | |||
| <span class="co"># Basic plot with default theme</span> | |||
| <span class="va">g_base</span></code></pre></div> | |||
| <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 class="va">g_base</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">mpg</span><span class="op">)</span> <span class="op">+</span> </span> | |||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">hwy</span>, <span class="va">cty</span><span class="op">)</span> <span class="op">+</span> </span> | |||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="co"># Basic plot with default theme</span></span> | |||
| <span><span class="va">g_base</span></span></code></pre></div> | |||
| <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="co"># Fancy slide-matching themed plot</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></code></pre></div> | |||
| <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> | |||
| <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>To restore the previous default colors of ggplot2 geoms, call</p> | |||
| <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></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> | |||
| <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="co"># theme_xaringan() on the left, theme_xaringan_inverse() on the right</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></code></pre></div> | |||
| <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> | |||
| <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 class="section level2"> | |||
| @@ -184,53 +188,53 @@ img { max-width: 100%; border: none; } | |||
| <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"> | |||
| <code class="sourceCode R"><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></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> | |||
| <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="st">"#3D3E38"</span>, | |||
| background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>, | |||
| accent_color <span class="op">=</span> <span class="st">"#DC322F"</span>, | |||
| text_font <span class="op">=</span> <span class="st">"Kelly Slab"</span>, | |||
| text_font_use_google <span class="op">=</span> <span class="cn">TRUE</span>, | |||
| title_font <span class="op">=</span> <span class="st">"Oleo Script"</span>, | |||
| title_font_use_google <span class="op">=</span> <span class="cn">TRUE</span> | |||
| <span class="op">)</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></span> | |||
| <span> text_color <span class="op">=</span> <span class="st">"#3D3E38"</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>,</span> | |||
| <span> accent_color <span class="op">=</span> <span class="st">"#DC322F"</span>,</span> | |||
| <span> text_font <span class="op">=</span> <span class="st">"Kelly Slab"</span>,</span> | |||
| <span> text_font_use_google <span class="op">=</span> <span class="cn">TRUE</span>,</span> | |||
| <span> title_font <span class="op">=</span> <span class="st">"Oleo Script"</span>,</span> | |||
| <span> title_font_use_google <span class="op">=</span> <span class="cn">TRUE</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a> | |||
| </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> | |||
| <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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 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 class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="cn">NULL</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/lims.html" class="external-link">ylim</a></span><span class="op">(</span><span class="fl">0</span>, <span class="fl">25000</span><span class="op">)</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></code></pre></div> | |||
| <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/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="cn">NULL</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/lims.html" class="external-link">ylim</a></span><span class="op">(</span><span class="fl">0</span>, <span class="fl">25000</span><span class="op">)</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> | |||
| <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> | |||
| <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></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"> | |||
| <h3 id="scale-xaringan">Custom Color and Fill Scales<a class="anchor" aria-label="anchor" href="#scale-xaringan"></a> | |||
| </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>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"> | |||
| <code class="sourceCode R"><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 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 class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="st">"Count"</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</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 class="op">+</span> | |||
| <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_continuous</a></span><span class="op">(</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">mpg</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">hwy</span>, y <span class="op">=</span> <span class="va">cty</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_count.html" class="external-link">geom_count</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>color <span class="op">=</span> <span class="va">..n..</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 class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</span><span class="op">)</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 class="op">+</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></code></pre></div> | |||
| <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/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="st">"Count"</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</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 class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_continuous</a></span><span class="op">(</span><span class="op">)</span></span> | |||
| <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">mpg</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">hwy</span>, y <span class="op">=</span> <span class="va">cty</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_count.html" class="external-link">geom_count</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>color <span class="op">=</span> <span class="va">..n..</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/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</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> | |||
| <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>The scales come with a few more options:</p> | |||
| @@ -257,13 +261,13 @@ img { max-width: 100%; border: none; } | |||
| <code>header_font_google = google_font("Oleo Script")</code>.</li> | |||
| </ul> | |||
| <div class="sourceCode" id="cb11"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="va">g_diamonds_with_text</span> <span class="op"><-</span> | |||
| <span class="va">g_diamonds</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">geom_text</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>y <span class="op">=</span> <span class="va">..count..</span>, label <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/format.html" class="external-link">format</a></span><span class="op">(</span><span class="va">..count..</span>, big.mark <span class="op">=</span> <span class="st">","</span><span class="op">)</span><span class="op">)</span>, | |||
| vjust <span class="op">=</span> <span class="op">-</span><span class="fl">0.30</span>, size <span class="op">=</span> <span class="fl">8</span>, stat <span class="op">=</span> <span class="st">"count"</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Cut"</span>, y <span class="op">=</span> <span class="st">"Count"</span><span class="op">)</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></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="va">g_diamonds_with_text</span> <span class="op"><-</span> </span> | |||
| <span> <span class="va">g_diamonds</span> <span class="op">+</span> </span> | |||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">geom_text</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>y <span class="op">=</span> <span class="va">..count..</span>, label <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/format.html" class="external-link">format</a></span><span class="op">(</span><span class="va">..count..</span>, big.mark <span class="op">=</span> <span class="st">","</span><span class="op">)</span><span class="op">)</span>,</span> | |||
| <span> vjust <span class="op">=</span> <span class="op">-</span><span class="fl">0.30</span>, size <span class="op">=</span> <span class="fl">8</span>, stat <span class="op">=</span> <span class="st">"count"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Cut"</span>, y <span class="op">=</span> <span class="st">"Count"</span><span class="op">)</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> | |||
| <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> | |||
| </div> | |||
| @@ -272,11 +276,11 @@ img { max-width: 100%; border: none; } | |||
| </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> | |||
| <div class="sourceCode" id="cb12"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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> | |||
| text_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Ranga"</span><span class="op">)</span>, | |||
| title_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Holtwood One SC"</span><span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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> text_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Ranga"</span><span class="op">)</span>,</span> | |||
| <span> title_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Holtwood One SC"</span><span class="op">)</span></span> | |||
| <span> <span class="op">)</span></span></code></pre></div> | |||
| <p><img src="ggplot2-themes_files/figure-html/text-demo-2-1.png" width="960"></p> | |||
| </div> | |||
| <div class="section level3"> | |||
| @@ -284,37 +288,37 @@ img { max-width: 100%; border: none; } | |||
| </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> | |||
| <pre><code><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span> | |||
| text_font_family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>, | |||
| text_font_url <span class="op">=</span> <span class="st">"https://fontlibrary.org/face/glacial-indifference"</span> | |||
| <span class="op">)</span></code></pre> | |||
| <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_url <span class="op">=</span> <span class="st">"https://fontlibrary.org/face/glacial-indifference"</span></span> | |||
| <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> | |||
| <div class="sourceCode" id="cb14"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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 class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference/"</span>, | |||
| <span class="st">"5f2cf277506e19ec77729122f27b1faf/0820b3c58fed35de298219f314635982"</span>, | |||
| <span class="st">"GlacialIndifferenceRegular.ttf"</span> | |||
| <span class="op">)</span> | |||
| <span class="va">font_temp</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="op">)</span> | |||
| <span class="fu"><a href="https://rdrr.io/r/utils/download.file.html" class="external-link">download.file</a></span><span class="op">(</span><span class="va">font_url</span>, <span class="va">font_temp</span><span class="op">)</span></code></pre></div> | |||
| <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">"5f2cf277506e19ec77729122f27b1faf/0820b3c58fed35de298219f314635982"</span>, </span> | |||
| <span> <span class="st">"GlacialIndifferenceRegular.ttf"</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="va">font_temp</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="op">)</span></span> | |||
| <span><span class="fu"><a href="https://rdrr.io/r/utils/download.file.html" class="external-link">download.file</a></span><span class="op">(</span><span class="va">font_url</span>, <span class="va">font_temp</span><span class="op">)</span></span></code></pre></div> | |||
| <div class="sourceCode" id="cb15"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="co"># Path to the local custom font file</span> | |||
| <span class="va">font_temp</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html" class="external-link">system.file</a></span><span class="op">(</span> | |||
| <span class="st">"fonts/GlacialIndifferenceRegular.ttf"</span>, package <span class="op">=</span> <span class="st">"xaringanthemer"</span> | |||
| <span class="op">)</span> | |||
| <span class="co"># Register the font with sysfonts/showtext</span> | |||
| <span class="fu">sysfonts</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">font_add</a></span><span class="op">(</span>family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>, regular <span class="op">=</span> <span class="va">font_temp</span><span class="op">)</span> | |||
| <span class="co"># Now it's available for use!</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> | |||
| text_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>, | |||
| title_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="co"># Path to the local custom font file</span></span> | |||
| <span><span class="va">font_temp</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html" class="external-link">system.file</a></span><span class="op">(</span></span> | |||
| <span> <span class="st">"fonts/GlacialIndifferenceRegular.ttf"</span>, package <span class="op">=</span> <span class="st">"xaringanthemer"</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="co"># Register the font with sysfonts/showtext</span></span> | |||
| <span><span class="fu">sysfonts</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">font_add</a></span><span class="op">(</span>family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>, regular <span class="op">=</span> <span class="va">font_temp</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="co"># Now it's available for use!</span></span> | |||
| <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> text_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>,</span> | |||
| <span> title_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span></span> | |||
| <span> <span class="op">)</span></span></code></pre></div> | |||
| <p><img src="ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png" width="960"></p> | |||
| </div> | |||
| </div> | |||
| @@ -341,7 +345,7 @@ img { max-width: 100%; border: none; } | |||
| <h3 id="macos">MacOS<a class="anchor" aria-label="anchor" href="#macos"></a> | |||
| </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"></a><span class="ex">brew</span> cask install xquartz</span></code></pre></div> | |||
| <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> | |||
| </div> | |||
| <div class="section level3"> | |||
| <h3 id="in-rstudio">In RStudio<a class="anchor" aria-label="anchor" href="#in-rstudio"></a> | |||
| @@ -349,13 +353,13 @@ img { max-width: 100%; border: none; } | |||
| <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"> | |||
| <code class="sourceCode R"><span class="co">## On Windows</span> | |||
| <span class="co"># x11(width = 16 * 2/3, height = 9 * 2/3)</span> | |||
| <span class="co">## On MacOS</span> | |||
| <span class="fu"><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">16</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span>, height <span class="op">=</span> <span class="fl">9</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span><span class="op">)</span> | |||
| <span class="co">## run plot code to preview in separate window</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></code></pre></div> | |||
| <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> | |||
| <span><span class="co">## On MacOS</span></span> | |||
| <span><span class="fu"><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">16</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span>, height <span class="op">=</span> <span class="fl">9</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span><span class="op">)</span></span> | |||
| <span><span class="co">## run plot code to preview in separate window</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> | |||
| </div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -371,7 +375,7 @@ img { max-width: 100%; border: none; } | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -379,7 +383,6 @@ img { max-width: 100%; border: none; } | |||
| </body> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -102,14 +102,12 @@ | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -14,9 +14,9 @@ | |||
| <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.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="../deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <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"> | |||
| @@ -39,14 +39,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -108,8 +108,12 @@ | |||
| </div> | |||
| </nav><div class="container template-article"> | |||
| <script src="template-variables_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row"> | |||
| <main id="main"><div class="page-header"> | |||
| <div class="row"> | |||
| <main id="main" class="col-md-9"><div class="page-header"> | |||
| <img src="../logo.png" class="logo" alt=""><h1>Template Variables</h1> | |||
| @@ -663,7 +667,7 @@ | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -671,7 +675,6 @@ | |||
| </body> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -14,9 +14,9 @@ | |||
| <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.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="../deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <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"> | |||
| @@ -39,14 +39,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -108,8 +108,12 @@ | |||
| </div> | |||
| </nav><div class="container template-article"> | |||
| <script src="themes_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row"> | |||
| <main id="main"><div class="page-header"> | |||
| <div class="row"> | |||
| <main id="main" class="col-md-9"><div class="page-header"> | |||
| <img src="../logo.png" class="logo" alt=""><h1>Themes</h1> | |||
| @@ -133,7 +137,7 @@ | |||
| </h4> | |||
| <p>A light theme based around a single color.</p> | |||
| <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#23395b"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#23395b"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -142,7 +146,7 @@ | |||
| </h4> | |||
| <p>A dark theme based around a single color.</p> | |||
| <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -151,7 +155,7 @@ | |||
| </h4> | |||
| <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></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> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -160,7 +164,7 @@ | |||
| </h4> | |||
| <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></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> | |||
| </div> | |||
| </div> | |||
| @@ -174,7 +178,7 @@ | |||
| </h4> | |||
| <p>A two-colored theme based on a primary and secondary color.</p> | |||
| <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -183,7 +187,7 @@ | |||
| </h4> | |||
| <p>The default Xaringan theme with two accent colors.</p> | |||
| <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -192,7 +196,7 @@ | |||
| </h4> | |||
| <p>An “inverted” default Xaringan theme with two accent colors.</p> | |||
| <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p> | |||
| </div> | |||
| </div> | |||
| @@ -205,7 +209,7 @@ | |||
| <code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a> | |||
| </h4> | |||
| <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</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_light.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -213,16 +217,16 @@ | |||
| <code>style_solarized_dark()</code><a class="anchor" aria-label="anchor" href="#style_solarized_dark"></a> | |||
| </h4> | |||
| <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</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>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"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb10-2"><a href="#cb10-2"></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"></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"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||
| <span id="cb10-5"><a href="#cb10-5"></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"></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"></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" 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -231,17 +235,17 @@ | |||
| <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"> | |||
| <code class="sourceCode R"><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> | |||
| red <span class="op">=</span> <span class="st">"#f34213"</span>, | |||
| purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>, | |||
| orange <span class="op">=</span> <span class="st">"#ff8811"</span>, | |||
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | |||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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> purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,</span> | |||
| <span> orange <span class="op">=</span> <span class="st">"#ff8811"</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><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>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"></a>This **.red[simple]** .white.bg-purple[demo] </span> | |||
| <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</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" 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> | |||
| <p>will be rendered in HTML as</p> | |||
| <blockquote> | |||
| This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>. | |||
| @@ -261,7 +265,7 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -269,7 +273,6 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co | |||
| </body> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -14,9 +14,9 @@ | |||
| <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.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="../deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <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"> | |||
| @@ -39,14 +39,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <div id="navbar" class="collapse navbar-collapse ms-3"> | |||
| <ul class="navbar-nav me-auto"> | |||
| <li class="active nav-item"> | |||
| <a class="nav-link" href="../articles/xaringanthemer.html">Features</a> | |||
| @@ -108,8 +108,12 @@ | |||
| </div> | |||
| </nav><div class="container template-article"> | |||
| <script src="xaringanthemer_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row"> | |||
| <main id="main"><div class="page-header"> | |||
| <div class="row"> | |||
| <main id="main" class="col-md-9"><div class="page-header"> | |||
| <img src="../logo.png" class="logo" alt=""><h1>Xaringan CSS Theme Generator</h1> | |||
| @@ -128,19 +132,19 @@ img { max-width: 100%; } | |||
| </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="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| <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"></a><span class="bn">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||
| <span id="cb2-2"><a href="#cb2-2"></a><span class="bn">library(xaringanthemer)</span></span> | |||
| <span id="cb2-3"><a href="#cb2-3"></a><span class="bn">style_mono_accent(</span></span> | |||
| <span id="cb2-4"><a href="#cb2-4"></a><span class="bn"> base_color = "#1c5253",</span></span> | |||
| <span id="cb2-5"><a href="#cb2-5"></a><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></span> | |||
| <span id="cb2-6"><a href="#cb2-6"></a><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||
| <span id="cb2-7"><a href="#cb2-7"></a><span class="bn"> code_font_google = google_font("Fira Mono")</span></span> | |||
| <span id="cb2-8"><a href="#cb2-8"></a><span class="bn">)</span></span> | |||
| <span id="cb2-9"><a href="#cb2-9"></a><span class="bn">```</span></span></code></pre></div> | |||
| <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><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"> | |||
| <h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a> | |||
| @@ -149,17 +153,17 @@ img { max-width: 100%; } | |||
| <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"> | |||
| <code class="sourceCode R"><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 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 class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</span><span class="op">)</span> <span class="op">+</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>show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span> | |||
| x <span class="op">=</span> <span class="st">"Cut"</span>, | |||
| y <span class="op">=</span> <span class="st">"Count"</span>, | |||
| title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span> | |||
| <span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></code></pre></div> | |||
| <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/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</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>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/labs.html" class="external-link">labs</a></span><span class="op">(</span></span> | |||
| <span> x <span class="op">=</span> <span class="st">"Cut"</span>,</span> | |||
| <span> y <span class="op">=</span> <span class="st">"Count"</span>,</span> | |||
| <span> title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span></span> | |||
| <span> <span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="../reference/figures/index-theme_xaringan_demo-1.png"></p> | |||
| </div> | |||
| <div class="section level3"> | |||
| @@ -194,7 +198,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>A light theme based around a single color.</p> | |||
| <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#23395b"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#23395b"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -203,7 +207,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>A dark theme based around a single color.</p> | |||
| <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -212,7 +216,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></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> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -221,7 +225,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></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> | |||
| </div> | |||
| </div> | |||
| @@ -235,7 +239,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>A two-colored theme based on a primary and secondary color.</p> | |||
| <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -244,7 +248,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>The default Xaringan theme with two accent colors.</p> | |||
| <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -253,7 +257,7 @@ img { max-width: 100%; } | |||
| </h4> | |||
| <p>An “inverted” default Xaringan theme with two accent colors.</p> | |||
| <div class="sourceCode" id="cb10"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p> | |||
| </div> | |||
| </div> | |||
| @@ -266,7 +270,7 @@ img { max-width: 100%; } | |||
| <code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a> | |||
| </h4> | |||
| <div class="sourceCode" id="cb11"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</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_light.png" data-external="1"></p> | |||
| </div> | |||
| <div class="section level4"> | |||
| @@ -274,16 +278,16 @@ img { max-width: 100%; } | |||
| <code>style_solarized_dark()</code><a class="anchor" aria-label="anchor" href="#style_solarized_dark"></a> | |||
| </h4> | |||
| <div class="sourceCode" id="cb12"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</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>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"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb13-2"><a href="#cb13-2"></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"></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"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||
| <span id="cb13-5"><a href="#cb13-5"></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"></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"></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" 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> | |||
| </div> | |||
| </div> | |||
| @@ -349,11 +353,11 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| <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"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span> | |||
| text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>, | |||
| text_font_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</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">"Yanone Kaffeesatz"</span><span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</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">"Yanone Kaffeesatz"</span><span class="op">)</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <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> | |||
| @@ -361,18 +365,18 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| <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"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</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>, | |||
| 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>, | |||
| 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 class="op">)</span></code></pre></div> | |||
| <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> 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><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> | |||
| <div class="sourceCode" id="cb16"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span> | |||
| code_font_family <span class="op">=</span> <span class="st">"Fira Code"</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 class="op">)</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> | |||
| <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><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> | |||
| </div> | |||
| <div class="section level3"> | |||
| @@ -380,17 +384,17 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| </h3> | |||
| <p>If you want to use additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p> | |||
| <div class="sourceCode" id="cb17"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</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 class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>, | |||
| <span class="co"># Young Serif by uplaod.fr</span> | |||
| <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>, | |||
| <span class="op">)</span>, | |||
| extra_css <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">".title-slide h2"</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-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>, | |||
| blockquote <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-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span> | |||
| <span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>,</span> | |||
| <span> <span class="co"># Young Serif by uplaod.fr</span></span> | |||
| <span> <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,</span> | |||
| <span> <span class="op">)</span>,</span> | |||
| <span> extra_css <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">".title-slide h2"</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-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>,</span> | |||
| <span> blockquote <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-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span></span> | |||
| <span> <span class="op">)</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -399,17 +403,17 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| <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"> | |||
| <code class="sourceCode R"><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> | |||
| red <span class="op">=</span> <span class="st">"#f34213"</span>, | |||
| purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>, | |||
| orange <span class="op">=</span> <span class="st">"#ff8811"</span>, | |||
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | |||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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> purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,</span> | |||
| <span> orange <span class="op">=</span> <span class="st">"#ff8811"</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><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>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"></a>This **.red[simple]** .white.bg-purple[demo] </span> | |||
| <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</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" 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> | |||
| <p>will be rendered in HTML as</p> | |||
| <blockquote> | |||
| This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>. | |||
| @@ -421,26 +425,26 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co | |||
| </h2> | |||
| <p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p> | |||
| <div class="sourceCode" id="cb20"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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 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 class="st">".full-width"</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> | |||
| display <span class="op">=</span> <span class="st">"flex"</span>, | |||
| width <span class="op">=</span> <span class="st">"100%"</span>, | |||
| flex <span class="op">=</span> <span class="st">"1 1 auto"</span> | |||
| <span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <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">".full-width"</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> display <span class="op">=</span> <span class="st">"flex"</span>,</span> | |||
| <span> width <span class="op">=</span> <span class="st">"100%"</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></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> | |||
| <div class="sourceCode" id="cb21"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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></code></pre></div> | |||
| <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1"></a><span class="co">/* Extra CSS */</span></span> | |||
| <span id="cb22-2"><a href="#cb22-2"></a><span class="fu">.small</span> {</span> | |||
| <span id="cb22-3"><a href="#cb22-3"></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"></a>}</span> | |||
| <span id="cb22-5"><a href="#cb22-5"></a><span class="fu">.full-width</span> {</span> | |||
| <span id="cb22-6"><a href="#cb22-6"></a> <span class="kw">display</span>: flex<span class="op">;</span></span> | |||
| <span id="cb22-7"><a href="#cb22-7"></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"></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"></a>}</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> | |||
| <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> | |||
| @@ -460,7 +464,7 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -468,7 +472,6 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co | |||
| </body> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -114,14 +114,12 @@ https://github.com/gadenbuie/xaringanthemer}, | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -0,0 +1,7 @@ | |||
| @font-face { | |||
| font-family: 'IBM Plex Mono'; | |||
| font-style: normal; | |||
| font-weight: 400; | |||
| font-display: swap; | |||
| src: url(-F63fjptAgt5VM-kVkqdyU8n5is.woff) format('woff'); | |||
| } | |||
| @@ -0,0 +1,7 @@ | |||
| @font-face { | |||
| font-family: 'Outfit'; | |||
| font-style: normal; | |||
| font-weight: 400; | |||
| font-display: swap; | |||
| src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4I.woff) format('woff'); | |||
| } | |||
| @@ -1,6 +1,6 @@ | |||
| <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.0/bootstrap.min.css" rel="stylesheet" /> | |||
| <script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script> | |||
| <link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet" /> | |||
| <link href="deps/_Poppins-0.4.0/font.css" rel="stylesheet" /> | |||
| <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" /> | |||
| @@ -16,9 +16,9 @@ Easy slide and plot themes for xaringan slides. | |||
| <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.0/bootstrap.min.css" rel="stylesheet"> | |||
| <script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"> | |||
| <link href="deps/_Poppins-0.4.0/font.css" rel="stylesheet"> | |||
| <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"> | |||
| @@ -43,14 +43,14 @@ Easy slide and plot themes for xaringan slides. | |||
| <a class="navbar-brand me-2" href="index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -119,7 +119,6 @@ Easy slide and plot themes for xaringan slides. | |||
| </h1> | |||
| </div> | |||
| <!-- 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><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes"></p> | |||
| <div class="section level2"> | |||
| @@ -127,30 +126,29 @@ Easy slide and plot themes for xaringan slides. | |||
| </h2> | |||
| <p>You can install <strong>xaringanthemer</strong> from CRAN</p> | |||
| <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">install.packages</a></span><span class="op">(</span><span class="st">"xaringanthemer"</span><span class="op">)</span></code></pre></div> | |||
| <code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">install.packages</a></span><span class="op">(</span><span class="st">"xaringanthemer"</span><span class="op">)</span></span></code></pre></div> | |||
| <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"> | |||
| <code class="sourceCode R"><span class="co"># install.packages("remotes")</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></code></pre></div> | |||
| <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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a> | |||
| </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"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb3-2"><a href="#cb3-2"></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"></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" 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> | |||
| <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"></a><span class="bn">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span> | |||
| <span id="cb4-2"><a href="#cb4-2"></a><span class="bn">library(xaringanthemer)</span></span> | |||
| <span id="cb4-3"><a href="#cb4-3"></a><span class="bn">style_mono_accent(</span></span> | |||
| <span id="cb4-4"><a href="#cb4-4"></a><span class="bn"> base_color = "#1c5253",</span></span> | |||
| <span id="cb4-5"><a href="#cb4-5"></a><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></span> | |||
| <span id="cb4-6"><a href="#cb4-6"></a><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||
| <span id="cb4-7"><a href="#cb4-7"></a><span class="bn"> code_font_google = google_font("Fira Mono")</span></span> | |||
| <span id="cb4-8"><a href="#cb4-8"></a><span class="bn">)</span></span> | |||
| <span id="cb4-9"><a href="#cb4-9"></a><span class="bn">```</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" 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> | |||
| <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"> | |||
| <h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a> | |||
| @@ -159,17 +157,17 @@ Easy slide and plot themes for xaringan slides. | |||
| <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="cb5"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><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 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 class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</span><span class="op">)</span> <span class="op">+</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>show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span> | |||
| x <span class="op">=</span> <span class="st">"Cut"</span>, | |||
| y <span class="op">=</span> <span class="st">"Count"</span>, | |||
| title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span> | |||
| <span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span> | |||
| <span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></code></pre></div> | |||
| <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/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</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>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/labs.html" class="external-link">labs</a></span><span class="op">(</span></span> | |||
| <span> x <span class="op">=</span> <span class="st">"Cut"</span>,</span> | |||
| <span> y <span class="op">=</span> <span class="st">"Count"</span>,</span> | |||
| <span> title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span></span> | |||
| <span> <span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span> <span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | |||
| <p><img src="reference/figures/index-theme_xaringan_demo-1.png" width="100%"></p> | |||
| </div> | |||
| <div class="section level3"> | |||
| @@ -182,9 +180,7 @@ Easy slide and plot themes for xaringan slides. | |||
| <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> | |||
| <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 class="section level2"> | |||
| @@ -226,16 +222,7 @@ Easy slide and plot themes for xaringan slides. | |||
| </ul> | |||
| </div> | |||
| <div class="dev-status"> | |||
| <h2 data-toc-skip>Dev status</h2> | |||
| <ul class="list-unstyled"> | |||
| <li><a href="https://CRAN.R-project.org/package=xaringanthemer" class="external-link"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li> | |||
| <li><a href="https://gadenbuie.r-universe.dev" class="external-link"><img src="https://gadenbuie.r-universe.dev/badges/xaringanthemer" alt="xaringanthemer status badge"></a></li> | |||
| <li><a href="https://lifecycle.r-lib.org/articles/stages.html" class="external-link"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li> | |||
| <li><a href="https://github.com/gadenbuie/xaringanthemer/actions" class="external-link"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/R-CMD-check/badge.svg?branch=main" alt="R-CMD-Check status badge"></a></li> | |||
| <li><a href="https://codecov.io/github/gadenbuie/xaringanthemer" class="external-link"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li> | |||
| </ul> | |||
| </div> | |||
| </aside> | |||
| </div> | |||
| @@ -248,7 +235,7 @@ Easy slide and plot themes for xaringan slides. | |||
| <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.1.</p> | |||
| <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer> | |||
| @@ -256,7 +243,6 @@ Easy slide and plot themes for xaringan slides. | |||
| </body> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script> | |||
| </body> | |||
| </html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -80,6 +80,13 @@ | |||
| <small>Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/NEWS.md" class="external-link"><code>NEWS.md</code></a></small> | |||
| </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"> | |||
| <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> | |||
| @@ -129,14 +136,12 @@ | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -9,10 +9,12 @@ | |||
| $scope: $("main h2, main h3, main h4, main h5, main h6") | |||
| }); | |||
| $('body').scrollspy({ | |||
| target: '#toc', | |||
| offset: 56 // headroom height | |||
| }); | |||
| if ($('#toc').length) { | |||
| $('body').scrollspy({ | |||
| target: '#toc', | |||
| offset: $("nav.navbar").outerHeight() + 1 | |||
| }); | |||
| } | |||
| // Activate popovers | |||
| $('[data-bs-toggle="popover"]').popover({ | |||
| @@ -68,7 +70,7 @@ | |||
| /* Search marking --------------------------*/ | |||
| var url = new URL(window.location.href); | |||
| var toMark = url.searchParams.get("q"); | |||
| var mark = new Mark("div.col-md-9"); | |||
| var mark = new Mark("main#main"); | |||
| if (toMark) { | |||
| mark.mark(toMark, { | |||
| accuracy: { | |||
| @@ -1,5 +1,5 @@ | |||
| pandoc: 2.7.3 | |||
| pkgdown: 2.0.1 | |||
| pandoc: 2.14.2 | |||
| pkgdown: 2.0.6 | |||
| pkgdown_sha: ~ | |||
| articles: | |||
| fonts: fonts.html | |||
| @@ -7,7 +7,7 @@ articles: | |||
| template-variables: template-variables.html | |||
| themes: themes.html | |||
| xaringanthemer: xaringanthemer.html | |||
| last_built: 2022-01-08T13:43Z | |||
| last_built: 2022-08-20T22:49Z | |||
| urls: | |||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer/reference | |||
| article: https://pkg.garrickadenbuie.com/xaringanthemer/articles | |||
| @@ -1,7 +1,7 @@ | |||
| <!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 | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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."><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 | |||
| 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"><!-- 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> | |||
| @@ -14,14 +14,14 @@ and appending to the hex color."><meta property="og:image" content="https://pkg. | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -93,29 +93,34 @@ and appending to the hex color.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">apply_alpha</span><span class="op">(</span><span class="va">color_hex</span>, opacity <span class="op">=</span> <span class="fl">0.5</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">apply_alpha</span><span class="op">(</span><span class="va">color_hex</span>, opacity <span class="op">=</span> <span class="fl">0.5</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>color_hex</dt> | |||
| <dd><p>A character string representing a hex color</p></dd> | |||
| <dt>opacity</dt> | |||
| <dd><p>Desired opacity of the output color</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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 class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="va">blue</span> <span class="op"><-</span> <span class="st">"#0e6ba8"</span></span> | |||
| <span class="r-in"><span class="va">blue_transparent</span> <span class="op"><-</span> <span class="fu">apply_alpha</span><span class="op">(</span><span class="va">blue</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></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 class="va">blue</span>, <span class="va">blue_transparent</span><span class="op">)</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="va">blue</span> <span class="op"><-</span> <span class="st">"#0e6ba8"</span></span></span> | |||
| <span class="r-in"><span><span class="va">blue_transparent</span> <span class="op"><-</span> <span class="fu">apply_alpha</span><span class="op">(</span><span class="va">blue</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></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 class="va">blue</span>, <span class="va">blue_transparent</span><span class="op">)</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="apply_alpha-1.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -128,14 +133,12 @@ and appending to the hex color.</p> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,7 +1,7 @@ | |||
| <!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 | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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."><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 | |||
| 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"><!-- 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> | |||
| @@ -14,14 +14,14 @@ best contrast. Follows W3C Recommendations."><meta property="og:image" content=" | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -93,23 +93,30 @@ best contrast. Follows W3C Recommendations.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">choose_dark_or_light</span><span class="op">(</span><span class="va">x</span>, black <span class="op">=</span> <span class="st">"#000000"</span>, white <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">choose_dark_or_light</span><span class="op">(</span><span class="va">x</span>, black <span class="op">=</span> <span class="st">"#000000"</span>, white <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>x</dt> | |||
| <dd><p>The background color (hex)</p></dd> | |||
| <dt>black</dt> | |||
| <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> | |||
| <dt>white</dt> | |||
| <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> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -119,14 +126,14 @@ the greates contrast with the input color.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="va">light_green</span> <span class="op"><-</span> <span class="st">"#c4d6b0"</span></span> | |||
| <span class="r-in"><span class="va">contrast_green</span> <span class="op"><-</span> <span class="fu">choose_dark_or_light</span><span class="op">(</span><span class="va">light_green</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="va">dark_purple</span> <span class="op"><-</span> <span class="st">"#381d2a"</span></span> | |||
| <span class="r-in"><span class="va">contrast_purple</span> <span class="op"><-</span> <span class="fu">choose_dark_or_light</span><span class="op">(</span><span class="va">dark_purple</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></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 class="va">light_green</span>, <span class="va">contrast_green</span>, <span class="va">dark_purple</span>, <span class="va">contrast_purple</span><span class="op">)</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="va">light_green</span> <span class="op"><-</span> <span class="st">"#c4d6b0"</span></span></span> | |||
| <span class="r-in"><span><span class="va">contrast_green</span> <span class="op"><-</span> <span class="fu">choose_dark_or_light</span><span class="op">(</span><span class="va">light_green</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="va">dark_purple</span> <span class="op"><-</span> <span class="st">"#381d2a"</span></span></span> | |||
| <span class="r-in"><span><span class="va">contrast_purple</span> <span class="op"><-</span> <span class="fu">choose_dark_or_light</span><span class="op">(</span><span class="va">dark_purple</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></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 class="va">light_green</span>, <span class="va">contrast_green</span>, <span class="va">dark_purple</span>, <span class="va">contrast_purple</span><span class="op">)</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="choose_dark_or_light-1.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -139,14 +146,12 @@ the greates contrast with the input color.</p> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,7 +1,7 @@ | |||
| <!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 | |||
| ... 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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()."><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 | |||
| ... 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"><!-- 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> | |||
| @@ -14,14 +14,14 @@ more of the language codes as given by google_language_codes()."><meta property= | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -93,27 +93,34 @@ more of the language codes as given by <code><a href="google_language_codes.html | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">google_font</span><span class="op">(</span><span class="va">family</span>, <span class="va">...</span>, languages <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">google_font</span><span class="op">(</span><span class="va">family</span>, <span class="va">...</span>, languages <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>family</dt> | |||
| <dd><p>Font family</p></dd> | |||
| <dt>...</dt> | |||
| <dd><p>Font weights to include, example "400", "400i"</p></dd> | |||
| <dt>languages</dt> | |||
| <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> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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 class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="fu">google_font</span><span class="op">(</span><span class="st">"Josefin Sans"</span>, <span class="st">"400"</span>, <span class="st">"400i"</span>, <span class="st">"600i"</span>, <span class="st">"700"</span><span class="op">)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="fu">google_font</span><span class="op">(</span><span class="st">"Josefin Sans"</span>, <span class="st">"400"</span>, <span class="st">"400i"</span>, <span class="st">"600i"</span>, <span class="st">"700"</span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> $family</span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "Josefin Sans"</span> | |||
| <span class="r-out co"><span class="r-pr">#></span> </span> | |||
| @@ -128,7 +135,7 @@ more of the language codes as given by <code><a href="google_language_codes.html | |||
| <span class="r-out co"><span class="r-pr">#></span> </span> | |||
| <span class="r-out co"><span class="r-pr">#></span> attr(,"class")</span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "google_font"</span> | |||
| <span class="r-in"><span class="fu">google_font</span><span class="op">(</span><span class="st">"Josefin Sans"</span>, languages <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 class="st">"latin-ext"</span>, <span class="st">"vietnamese"</span><span class="op">)</span><span class="op">)</span></span> | |||
| <span class="r-in"><span><span class="fu">google_font</span><span class="op">(</span><span class="st">"Josefin Sans"</span>, languages <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 class="st">"latin-ext"</span>, <span class="st">"vietnamese"</span><span class="op">)</span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> $family</span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "Josefin Sans"</span> | |||
| <span class="r-out co"><span class="r-pr">#></span> </span> | |||
| @@ -154,14 +161,12 @@ more of the language codes as given by <code><a href="google_language_codes.html | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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."><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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ validates that the language codes given are valid."><meta property="og:image" co | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,22 +90,25 @@ validates that the language codes given are valid.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">google_language_codes</span><span class="op">(</span> | |||
| language_codes <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 class="st">"latin"</span>, <span class="st">"latin-ext"</span>, <span class="st">"sinhala"</span>, <span class="st">"greek"</span>, <span class="st">"hebrew"</span>, <span class="st">"vietnamese"</span>, | |||
| <span class="st">"cyrillic"</span>, <span class="st">"cyrillic-ext"</span>, <span class="st">"devanagari"</span>, <span class="st">"arabic"</span>, <span class="st">"khmer"</span>, <span class="st">"tamil"</span>, <span class="st">"greek-ext"</span>, | |||
| <span class="st">"thai"</span>, <span class="st">"bengali"</span>, <span class="st">"gujarati"</span>, <span class="st">"oriya"</span>, <span class="st">"malayalam"</span>, <span class="st">"gurmukhi"</span>, <span class="st">"kannada"</span>, <span class="st">"telugu"</span>, | |||
| <span class="st">"myanmar"</span><span class="op">)</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">google_language_codes</span><span class="op">(</span></span> | |||
| <span> language_codes <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 class="st">"latin"</span>, <span class="st">"latin-ext"</span>, <span class="st">"sinhala"</span>, <span class="st">"greek"</span>, <span class="st">"hebrew"</span>, <span class="st">"vietnamese"</span>,</span> | |||
| <span> <span class="st">"cyrillic"</span>, <span class="st">"cyrillic-ext"</span>, <span class="st">"devanagari"</span>, <span class="st">"arabic"</span>, <span class="st">"khmer"</span>, <span class="st">"tamil"</span>, <span class="st">"greek-ext"</span>,</span> | |||
| <span> <span class="st">"thai"</span>, <span class="st">"bengali"</span>, <span class="st">"gujarati"</span>, <span class="st">"oriya"</span>, <span class="st">"malayalam"</span>, <span class="st">"gurmukhi"</span>, <span class="st">"kannada"</span>, <span class="st">"telugu"</span>,</span> | |||
| <span> <span class="st">"myanmar"</span><span class="op">)</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>language_codes</dt> | |||
| <dd><p>Vector of potential Google language codes</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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 class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -121,14 +124,12 @@ validates that the language codes given are valid.</p> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -254,14 +254,12 @@ | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -87,35 +87,40 @@ | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">lighten_color</span><span class="op">(</span><span class="va">color_hex</span>, strength <span class="op">=</span> <span class="fl">0.7</span><span class="op">)</span> | |||
| <span class="fu">darken_color</span><span class="op">(</span><span class="va">color_hex</span>, strength <span class="op">=</span> <span class="fl">0.8</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">lighten_color</span><span class="op">(</span><span class="va">color_hex</span>, strength <span class="op">=</span> <span class="fl">0.7</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">darken_color</span><span class="op">(</span><span class="va">color_hex</span>, strength <span class="op">=</span> <span class="fl">0.8</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>color_hex</dt> | |||
| <dd><p>A character string representing a hex color</p></dd> | |||
| <dt>strength</dt> | |||
| <dd><p>The "strength" of the blend with white or black, | |||
| where 0 is entirely the original color and 1 is entirely white | |||
| (<code>lighten_color()</code>) or black (<code>darken_color()</code>).</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="va">blue</span> <span class="op"><-</span> <span class="st">"#0e6ba8"</span></span> | |||
| <span class="r-in"><span class="va">blue_light</span> <span class="op"><-</span> <span class="fu">lighten_color</span><span class="op">(</span><span class="va">blue</span>, strength <span class="op">=</span> <span class="fl">0.33</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="va">blue_dark</span> <span class="op"><-</span> <span class="fu">darken_color</span><span class="op">(</span><span class="va">blue</span>, strength <span class="op">=</span> <span class="fl">0.33</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></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 class="va">blue_light</span>, <span class="va">blue</span>, <span class="va">blue_dark</span><span class="op">)</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="va">blue</span> <span class="op"><-</span> <span class="st">"#0e6ba8"</span></span></span> | |||
| <span class="r-in"><span><span class="va">blue_light</span> <span class="op"><-</span> <span class="fu">lighten_color</span><span class="op">(</span><span class="va">blue</span>, strength <span class="op">=</span> <span class="fl">0.33</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="va">blue_dark</span> <span class="op"><-</span> <span class="fu">darken_color</span><span class="op">(</span><span class="va">blue</span>, strength <span class="op">=</span> <span class="fl">0.33</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></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 class="va">blue_light</span>, <span class="va">blue</span>, <span class="va">blue_dark</span><span class="op">)</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="lighten_darken_color-1.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -128,14 +133,12 @@ hexadecimal format.</p> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -3,7 +3,7 @@ | |||
| Color and fill single-color scales for discrete and continuous values, | |||
| created using the primary accent color of the xaringanthemer styles. See | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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."><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=" | |||
| Color and fill single-color scales for discrete and continuous values, | |||
| created using the primary accent color of the xaringanthemer styles. See | |||
| vignette("ggplot2-themes") for more information and examples of | |||
| @@ -18,14 +18,14 @@ xaringanthemer's ggplot2-related functions."><meta property="og:image" content=" | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -99,62 +99,62 @@ created using the primary accent color of the xaringanthemer styles. See | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">scale_xaringan_discrete</span><span class="op">(</span> | |||
| aes_type <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 class="st">"color"</span>, <span class="st">"colour"</span>, <span class="st">"fill"</span><span class="op">)</span>, | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| direction <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">scale_xaringan_fill_discrete</span><span class="op">(</span><span class="va">...</span>, color <span class="op">=</span> <span class="cn">NULL</span>, direction <span class="op">=</span> <span class="fl">1</span>, inverse <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> | |||
| <span class="fu">scale_xaringan_color_discrete</span><span class="op">(</span> | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| direction <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">scale_xaringan_colour_discrete</span><span class="op">(</span> | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| direction <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">scale_xaringan_continuous</span><span class="op">(</span> | |||
| aes_type <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 class="st">"color"</span>, <span class="st">"colour"</span>, <span class="st">"fill"</span><span class="op">)</span>, | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| begin <span class="op">=</span> <span class="fl">0</span>, | |||
| end <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">scale_xaringan_fill_continuous</span><span class="op">(</span> | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| begin <span class="op">=</span> <span class="fl">0</span>, | |||
| end <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">scale_xaringan_color_continuous</span><span class="op">(</span> | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| begin <span class="op">=</span> <span class="fl">0</span>, | |||
| end <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">scale_xaringan_colour_continuous</span><span class="op">(</span> | |||
| <span class="va">...</span>, | |||
| color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| begin <span class="op">=</span> <span class="fl">0</span>, | |||
| end <span class="op">=</span> <span class="fl">1</span>, | |||
| inverse <span class="op">=</span> <span class="cn">FALSE</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">scale_xaringan_discrete</span><span class="op">(</span></span> | |||
| <span> aes_type <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 class="st">"color"</span>, <span class="st">"colour"</span>, <span class="st">"fill"</span><span class="op">)</span>,</span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> direction <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_fill_discrete</span><span class="op">(</span><span class="va">...</span>, color <span class="op">=</span> <span class="cn">NULL</span>, direction <span class="op">=</span> <span class="fl">1</span>, inverse <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_color_discrete</span><span class="op">(</span></span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> direction <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_colour_discrete</span><span class="op">(</span></span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> direction <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_continuous</span><span class="op">(</span></span> | |||
| <span> aes_type <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 class="st">"color"</span>, <span class="st">"colour"</span>, <span class="st">"fill"</span><span class="op">)</span>,</span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> begin <span class="op">=</span> <span class="fl">0</span>,</span> | |||
| <span> end <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_fill_continuous</span><span class="op">(</span></span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> begin <span class="op">=</span> <span class="fl">0</span>,</span> | |||
| <span> end <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_color_continuous</span><span class="op">(</span></span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> begin <span class="op">=</span> <span class="fl">0</span>,</span> | |||
| <span> end <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">scale_xaringan_colour_continuous</span><span class="op">(</span></span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> begin <span class="op">=</span> <span class="fl">0</span>,</span> | |||
| <span> end <span class="op">=</span> <span class="fl">1</span>,</span> | |||
| <span> inverse <span class="op">=</span> <span class="cn">FALSE</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -162,77 +162,90 @@ created using the primary accent color of the xaringanthemer styles. See | |||
| <dl><dt>aes_type</dt> | |||
| <dd><p>The type of aesthetic to which the scale is being applied. | |||
| One of "color", "colour", or "fill".</p></dd> | |||
| <dt>...</dt> | |||
| <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>, | |||
| <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_discrete_sequential.html" class="external-link">colorspace::scale_fill_discrete_sequential()</a></code>, or | |||
| <code><a href="https://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html" class="external-link">colorspace::scale_fill_continuous_sequential()</a></code> — or to | |||
| 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_discrete_sequential.html" class="external-link">colorspace::scale_fill_discrete_sequential()</a></code>, or | |||
| <code><a href="https://colorspace.R-Forge.R-project.org/reference/scale_colour_continuous_sequential.html" class="external-link">colorspace::scale_fill_continuous_sequential()</a></code> — or to | |||
| <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> | |||
| <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 | |||
| slide styles.</p></dd> | |||
| <dt>direction</dt> | |||
| <dd><p>Direction of the discrete scale. Use values less than 0 to | |||
| reverse the direction, e.g. <code>direction = -1</code>.</p></dd> | |||
| <dt>inverse</dt> | |||
| <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 | |||
| value of <code>inverse_header_color</code></p></dd> | |||
| <dt>begin</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> | |||
| <dt>end</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> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span> | |||
| <span class="r-in"><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <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 class="r-in"> <span class="co"># Saving the theme to a temp file because this is an example</span></span> | |||
| <span class="r-in"> <span class="va">path_to_css_file</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span> | |||
| <span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span> | |||
| <span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span> | |||
| <span class="r-in"> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span> | |||
| <span class="r-in"> <span class="co"># automatically use your theme font if you use Google fonts</span></span> | |||
| <span class="r-in"> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span> | |||
| <span class="r-in"> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="co"># Here's some very basic example data</span></span> | |||
| <span class="r-in"> <span class="va">ex</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span> | |||
| <span class="r-in"> name <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 class="st">"Couple"</span>, <span class="st">"Few"</span>, <span class="st">"Lots"</span>, <span class="st">"Many"</span><span class="op">)</span>,</span> | |||
| <span class="r-in"> n <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 class="fl">2</span>, <span class="fl">3</span>, <span class="fl">5</span>, <span class="fl">7</span><span class="op">)</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="co"># Fill color scales demo</span></span> | |||
| <span class="r-in"> <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">ex</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">name</span>, <span class="va">n</span>, fill <span class="op">=</span> <span class="va">n</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_col</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Matching fill scales"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="co"># themed to match the slides: dark blue background with teal text</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="co"># Fill color matches teal text</span></span> | |||
| <span class="r-in"> <span class="fu">scale_xaringan_fill_continuous</span><span class="op">(</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="co"># Color scales demo</span></span> | |||
| <span class="r-in"> <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">ex</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">name</span>, y <span class="op">=</span> <span class="fl">1</span>, color <span class="op">=</span> <span class="va">name</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span>size <span class="op">=</span> <span class="fl">10</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Matching color scales"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="co"># themed to match the slides: dark blue background with teal text</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="co"># Fill color matches teal text</span></span> | |||
| <span class="r-in"> <span class="fu">scale_xaringan_color_discrete</span><span class="op">(</span>direction <span class="op">=</span> <span class="op">-</span><span class="fl">1</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Requires ggplot2</span></span></span> | |||
| <span class="r-in"><span><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Saving the theme to a temp file because this is an example</span></span></span> | |||
| <span class="r-in"><span> <span class="va">path_to_css_file</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span></span> | |||
| <span class="r-in"><span> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span></span> | |||
| <span class="r-in"><span> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># automatically use your theme font if you use Google fonts</span></span></span> | |||
| <span class="r-in"><span> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span></span> | |||
| <span class="r-in"><span> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Here's some very basic example data</span></span></span> | |||
| <span class="r-in"><span> <span class="va">ex</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> name <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 class="st">"Couple"</span>, <span class="st">"Few"</span>, <span class="st">"Lots"</span>, <span class="st">"Many"</span><span class="op">)</span>,</span></span> | |||
| <span class="r-in"><span> n <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 class="fl">2</span>, <span class="fl">3</span>, <span class="fl">5</span>, <span class="fl">7</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Fill color scales demo</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">ex</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">name</span>, <span class="va">n</span>, fill <span class="op">=</span> <span class="va">n</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_col</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Matching fill scales"</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># themed to match the slides: dark blue background with teal text</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Fill color matches teal text</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">scale_xaringan_fill_continuous</span><span class="op">(</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Color scales demo</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">ex</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">name</span>, y <span class="op">=</span> <span class="fl">1</span>, color <span class="op">=</span> <span class="va">name</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span>size <span class="op">=</span> <span class="fl">10</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Matching color scales"</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># themed to match the slides: dark blue background with teal text</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Fill color matches teal text</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">scale_xaringan_color_discrete</span><span class="op">(</span>direction <span class="op">=</span> <span class="op">-</span><span class="fl">1</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="scale_xaringan-1.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -245,14 +258,12 @@ value of <code>inverse_header_color</code></p></dd> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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."><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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ colors."><meta property="og:image" content="https://pkg.garrickadenbuie.com/xari | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,79 +90,78 @@ colors.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_duo</span><span class="op">(</span> | |||
| primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, | |||
| secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span>, | |||
| text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.9</span><span class="op">)</span>, | |||
| <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.99</span><span class="op">)</span><span class="op">)</span>, | |||
| header_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| link_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| text_bold_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">text_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.9</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_duo</span><span class="op">(</span></span> | |||
| <span> primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>,</span> | |||
| <span> secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.9</span><span class="op">)</span>,</span> | |||
| <span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.99</span><span class="op">)</span><span class="op">)</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">text_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.9</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -172,52 +171,72 @@ colors.</p> | |||
| 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 | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>secondary_color</dt> | |||
| <dd><p>Duotone Secondary Color. Defaults to #F97B64. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||
| a style function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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>. | |||
| Modifies the <code>body</code> 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 function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to <code>text_color</code>. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -226,6 +245,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -233,18 +254,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to <code>secondary_color</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -252,100 +281,142 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>primary_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 | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(secondary_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>secondary_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to <code>lighten_color(primary_color, 0.9)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -353,6 +424,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -360,6 +433,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -367,6 +442,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -374,10 +451,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -385,6 +466,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -392,28 +475,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -421,34 +516,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -456,25 +565,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -482,6 +601,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -489,19 +610,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -509,10 +638,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -520,12 +653,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -533,9 +674,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -556,18 +698,18 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_duo</span><span class="op">(</span></span> | |||
| <span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#1f4257"</span>,</span> | |||
| <span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#f97b64"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_duo</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> primary_color <span class="op">=</span> <span class="st">"#1f4257"</span>,</span></span> | |||
| <span class="r-in"><span> secondary_color <span class="op">=</span> <span class="st">"#f97b64"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -579,14 +721,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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.)."><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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ accents on select elements (headers, bold text, etc.)."><meta property="og:image | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,84 +90,80 @@ accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_duo_accent</span><span class="op">(</span> | |||
| primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, | |||
| secondary_color <span class="op">=</span> <span class="st">"#03A696"</span>, | |||
| white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>, | |||
| black_color <span class="op">=</span> <span class="st">"#000000"</span>, | |||
| text_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| header_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| link_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">primary_color</span>, <span class="va">secondary_color</span><span class="op">)</span>, | |||
| text_bold_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">primary_color</span>, | |||
| <span class="va">secondary_color</span><span class="op">)</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">primary_color</span>, | |||
| <span class="va">secondary_color</span><span class="op">)</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">black_color</span>, <span class="va">white_color</span><span class="op">)</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">black_color</span>, | |||
| <span class="va">white_color</span><span class="op">)</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="va">black_color</span>, | |||
| <span class="va">white_color</span><span class="op">)</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.8</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_duo_accent</span><span class="op">(</span></span> | |||
| <span> primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>,</span> | |||
| <span> secondary_color <span class="op">=</span> <span class="st">"#03A696"</span>,</span> | |||
| <span> white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>,</span> | |||
| <span> black_color <span class="op">=</span> <span class="st">"#000000"</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">primary_color</span>, <span class="va">secondary_color</span><span class="op">)</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">primary_color</span>, <span class="va">secondary_color</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">primary_color</span>,</span> | |||
| <span> <span class="va">secondary_color</span><span class="op">)</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">black_color</span>, <span class="va">white_color</span><span class="op">)</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="va">black_color</span>, <span class="va">white_color</span><span class="op">)</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.8</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -177,63 +173,87 @@ accents on select elements (headers, bold text, etc.).</p> | |||
| 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 | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>secondary_color</dt> | |||
| <dd><p>Duotone Secondary Color. Defaults to #03A696. Used in | |||
| 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 | |||
| a style function or in custom CSS.</p></dd> | |||
| <dt>white_color</dt> | |||
| <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>black_color</dt> | |||
| <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 | |||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <dd><p>Link Color. Defaults to | |||
| <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 | |||
| stored as a CSS variable that can be referenced with <code>var(--link-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <dd><p>Bold Text Color. Defaults to | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to | |||
| <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -242,6 +262,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -249,19 +271,27 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to | |||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -269,102 +299,143 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <dd><p>Inverse Text Color. Defaults to | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <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 | |||
| CSS variable that can be referenced with <code>var(--title-slide-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>primary_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to <code>lighten_color(secondary_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -372,6 +443,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -379,6 +452,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -386,6 +461,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -393,10 +470,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -404,6 +485,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -411,28 +494,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -440,34 +535,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -475,25 +584,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -501,6 +620,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -508,19 +629,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -528,10 +657,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -539,12 +672,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -552,9 +693,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -575,18 +717,18 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_duo_accent</span><span class="op">(</span></span> | |||
| <span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#006747"</span>,</span> | |||
| <span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#cfc493"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_duo_accent</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> primary_color <span class="op">=</span> <span class="st">"#006747"</span>,</span></span> | |||
| <span class="r-in"><span> secondary_color <span class="op">=</span> <span class="st">"#cfc493"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -598,14 +740,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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.).'><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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ for color accents on select elements (headers, bold text, etc.).'><meta property | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,85 +90,81 @@ for color accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_duo_accent_inverse</span><span class="op">(</span> | |||
| primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, | |||
| secondary_color <span class="op">=</span> <span class="st">"#03A696"</span>, | |||
| white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>, | |||
| black_color <span class="op">=</span> <span class="st">"#000000"</span>, | |||
| text_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| header_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| link_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">secondary_color</span>, <span class="va">primary_color</span><span class="op">)</span>, | |||
| text_bold_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">secondary_color</span>, | |||
| <span class="va">primary_color</span><span class="op">)</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">secondary_color</span>, | |||
| <span class="va">primary_color</span><span class="op">)</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">secondary_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">black_color</span>, <span class="va">white_color</span><span class="op">)</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">black_color</span>, | |||
| <span class="va">white_color</span><span class="op">)</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="va">black_color</span>, | |||
| <span class="va">white_color</span><span class="op">)</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">primary_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, | |||
| <span class="va">secondary_color</span>, <span class="va">primary_color</span><span class="op">)</span>, <span class="fl">0.2</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_duo_accent_inverse</span><span class="op">(</span></span> | |||
| <span> primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>,</span> | |||
| <span> secondary_color <span class="op">=</span> <span class="st">"#03A696"</span>,</span> | |||
| <span> white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>,</span> | |||
| <span> black_color <span class="op">=</span> <span class="st">"#000000"</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">secondary_color</span>, <span class="va">primary_color</span><span class="op">)</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">secondary_color</span>, <span class="va">primary_color</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">secondary_color</span>,</span> | |||
| <span> <span class="va">primary_color</span><span class="op">)</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">secondary_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="va">black_color</span>, <span class="va">white_color</span><span class="op">)</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="va">black_color</span>, <span class="va">white_color</span><span class="op">)</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">primary_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">primary_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">secondary_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="fu"><a href="choose_dark_or_light.html">choose_dark_or_light</a></span><span class="op">(</span><span class="va">primary_color</span>,</span> | |||
| <span> <span class="va">secondary_color</span>, <span class="va">primary_color</span><span class="op">)</span>, <span class="fl">0.2</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -178,63 +174,87 @@ for color accents on select elements (headers, bold text, etc.).</p> | |||
| 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 | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>secondary_color</dt> | |||
| <dd><p>Duotone Secondary Color. Defaults to #03A696. Used in | |||
| 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 | |||
| a style function or in custom CSS.</p></dd> | |||
| <dt>white_color</dt> | |||
| <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>black_color</dt> | |||
| <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 | |||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <dd><p>Link Color. Defaults to | |||
| <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 | |||
| stored as a CSS variable that can be referenced with <code>var(--link-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <dd><p>Bold Text Color. Defaults to | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to | |||
| <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -243,6 +263,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -250,19 +272,27 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to | |||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -270,103 +300,144 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <dd><p>Inverse Text Color. Defaults to | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <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 | |||
| CSS variable that can be referenced with <code>var(--title-slide-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>primary_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to | |||
| <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> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -374,6 +445,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -381,6 +454,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -388,6 +463,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -395,10 +472,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -406,6 +487,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -413,28 +496,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -442,34 +537,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -477,25 +586,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -503,6 +622,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -510,19 +631,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -530,10 +659,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -541,12 +674,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -554,9 +695,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -577,18 +719,18 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_duo_accent_inverse</span><span class="op">(</span></span> | |||
| <span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#006747"</span>,</span> | |||
| <span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#cfc493"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_duo_accent_inverse</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> primary_color <span class="op">=</span> <span class="st">"#006747"</span>,</span></span> | |||
| <span class="r-in"><span> secondary_color <span class="op">=</span> <span class="st">"#cfc493"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -600,14 +742,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,7 +1,7 @@ | |||
| <!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. | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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."><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. | |||
| 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"><!-- 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> | |||
| @@ -14,14 +14,14 @@ and appends CSS rules to outfile."><meta property="og:image" content="https://pk | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -93,12 +93,12 @@ and appends CSS rules to <code>outfile</code>.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_extra_css</span><span class="op">(</span> | |||
| <span class="va">css</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span>, | |||
| append <span class="op">=</span> <span class="cn">TRUE</span>, | |||
| heading <span class="op">=</span> <span class="st">"Extra CSS"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_extra_css</span><span class="op">(</span></span> | |||
| <span> <span class="va">css</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span>,</span> | |||
| <span> append <span class="op">=</span> <span class="cn">TRUE</span>,</span> | |||
| <span> heading <span class="op">=</span> <span class="st">"Extra CSS"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -107,13 +107,20 @@ and appends CSS rules to <code>outfile</code>.</p> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code></p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| <dt>append</dt> | |||
| <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> | |||
| <dt>heading</dt> | |||
| <dd><p>Heading added above extra CSS. Use <code>NULL</code> to disable.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <h2 id="css-list">css list<a class="anchor" aria-label="anchor" href="#css-list"></a></h2> | |||
| @@ -126,18 +133,18 @@ named list of class identifiers, for example | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="fu">style_extra_css</span><span class="op">(</span></span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/showConnections.html" class="external-link">stdout</a></span><span class="op">(</span><span class="op">)</span>,</span> | |||
| <span class="r-in"> css <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 class="r-in"> <span class="st">".red"</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>color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span>,</span> | |||
| <span class="r-in"> <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 class="r-in"> <span class="st">".full-width"</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 class="r-in"> display <span class="op">=</span> <span class="st">"flex"</span>,</span> | |||
| <span class="r-in"> width <span class="op">=</span> <span class="st">"100%"</span>,</span> | |||
| <span class="r-in"> flex <span class="op">=</span> <span class="st">"1 1 auto"</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="fu">style_extra_css</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/showConnections.html" class="external-link">stdout</a></span><span class="op">(</span><span class="op">)</span>,</span></span> | |||
| <span class="r-in"><span> css <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="r-in"><span> <span class="st">".red"</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>color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span>,</span></span> | |||
| <span class="r-in"><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="r-in"><span> <span class="st">".full-width"</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="r-in"><span> display <span class="op">=</span> <span class="st">"flex"</span>,</span></span> | |||
| <span class="r-in"><span> width <span class="op">=</span> <span class="st">"100%"</span>,</span></span> | |||
| <span class="r-in"><span> flex <span class="op">=</span> <span class="st">"1 1 auto"</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> </span> | |||
| <span class="r-out co"><span class="r-pr">#></span> </span> | |||
| <span class="r-out co"><span class="r-pr">#></span> /* Extra CSS */</span> | |||
| @@ -163,14 +170,12 @@ named list of class identifiers, for example | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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.)."><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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ accents on select elements (headers, bold text, etc.)."><meta property="og:image | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,79 +90,78 @@ accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_mono_accent</span><span class="op">(</span> | |||
| base_color <span class="op">=</span> <span class="st">"#43418A"</span>, | |||
| white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>, | |||
| black_color <span class="op">=</span> <span class="st">"#272822"</span>, | |||
| text_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| header_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| link_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_bold_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_mono_accent</span><span class="op">(</span></span> | |||
| <span> base_color <span class="op">=</span> <span class="st">"#43418A"</span>,</span> | |||
| <span> white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>,</span> | |||
| <span> black_color <span class="op">=</span> <span class="st">"#272822"</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -172,56 +171,78 @@ accents on select elements (headers, bold text, etc.).</p> | |||
| Defaults to #43418A. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>white_color</dt> | |||
| <dd><p>Brightest color used. Defaults to #FFFFFF. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>black_color</dt> | |||
| <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 | |||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -230,6 +251,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -237,18 +260,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -256,100 +287,142 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>base_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -357,6 +430,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -364,6 +439,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -371,6 +448,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -378,10 +457,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -389,6 +472,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -396,28 +481,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -425,34 +522,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -460,25 +571,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -486,6 +607,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -493,19 +616,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -513,10 +644,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -524,12 +659,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -537,9 +680,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -561,17 +705,17 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_mono_accent</span><span class="op">(</span></span> | |||
| <span class="r-in"> base_color <span class="op">=</span> <span class="st">"#43418A"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_mono_accent</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> base_color <span class="op">=</span> <span class="st">"#43418A"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -583,14 +727,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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.).'><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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ for color accents on select elements (headers, bold text, etc.).'><meta property | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,79 +90,78 @@ for color accents on select elements (headers, bold text, etc.).</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_mono_accent_inverse</span><span class="op">(</span> | |||
| base_color <span class="op">=</span> <span class="st">"#3C989E"</span>, | |||
| white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>, | |||
| black_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.9</span><span class="op">)</span>, | |||
| text_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| header_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| link_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_bold_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_mono_accent_inverse</span><span class="op">(</span></span> | |||
| <span> base_color <span class="op">=</span> <span class="st">"#3C989E"</span>,</span> | |||
| <span> white_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>,</span> | |||
| <span> black_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.9</span><span class="op">)</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -172,57 +171,79 @@ for color accents on select elements (headers, bold text, etc.).</p> | |||
| Defaults to #3C989E. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>white_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>black_color</dt> | |||
| <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 | |||
| multiple 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 function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -231,6 +252,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -238,18 +261,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -257,100 +288,142 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>base_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to <code>darken_color(base_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -358,6 +431,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -365,6 +440,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -372,6 +449,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -379,10 +458,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -390,6 +473,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -397,28 +482,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -426,34 +523,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -461,25 +572,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -487,6 +608,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -494,19 +617,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -514,10 +645,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -525,12 +660,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -538,9 +681,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -562,17 +706,17 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_mono_accent_inverse</span><span class="op">(</span></span> | |||
| <span class="r-in"> base_color <span class="op">=</span> <span class="st">"#3c989e"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_mono_accent_inverse</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> base_color <span class="op">=</span> <span class="st">"#3c989e"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -584,14 +728,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -87,79 +87,78 @@ | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_mono_dark</span><span class="op">(</span> | |||
| base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span>, | |||
| white_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>, | |||
| black_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.85</span><span class="op">)</span>, | |||
| text_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| header_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| link_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_bold_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.7</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_mono_dark</span><span class="op">(</span></span> | |||
| <span> base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span>,</span> | |||
| <span> white_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>,</span> | |||
| <span> black_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.85</span><span class="op">)</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.7</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -169,58 +168,80 @@ | |||
| Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>white_color</dt> | |||
| <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 | |||
| 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 | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>black_color</dt> | |||
| <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 | |||
| multiple 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 function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -229,6 +250,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -236,18 +259,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -255,100 +286,142 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>base_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to <code>darken_color(base_color, 0.7)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -356,6 +429,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -363,6 +438,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -370,6 +447,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -377,10 +456,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -388,6 +471,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -395,28 +480,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -424,34 +521,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -459,25 +570,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -485,6 +606,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -492,19 +615,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -512,10 +643,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -523,12 +658,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -536,9 +679,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -560,17 +704,17 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_mono_dark</span><span class="op">(</span></span> | |||
| <span class="r-in"> base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_mono_dark</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -582,14 +726,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -87,79 +87,78 @@ | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_mono_light</span><span class="op">(</span> | |||
| base_color <span class="op">=</span> <span class="st">"#23395b"</span>, | |||
| white_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.9</span><span class="op">)</span>, | |||
| black_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.3</span><span class="op">)</span>, | |||
| text_color <span class="op">=</span> <span class="va">black_color</span>, | |||
| header_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| background_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| link_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_bold_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">white_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_mono_light</span><span class="op">(</span></span> | |||
| <span> base_color <span class="op">=</span> <span class="st">"#23395b"</span>,</span> | |||
| <span> white_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.9</span><span class="op">)</span>,</span> | |||
| <span> black_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">darken_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.3</span><span class="op">)</span>,</span> | |||
| <span> text_color <span class="op">=</span> <span class="va">black_color</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="va">white_color</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.6</span><span class="op">)</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="va">base_color</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="fu"><a href="apply_alpha.html">apply_alpha</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.5</span><span class="op">)</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="fu"><a href="lighten_darken_color.html">lighten_color</a></span><span class="op">(</span><span class="va">base_color</span>, <span class="fl">0.8</span><span class="op">)</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -169,58 +168,80 @@ | |||
| Defaults to #23395b. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>white_color</dt> | |||
| <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 | |||
| 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 | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>black_color</dt> | |||
| <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 | |||
| multiple 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 function or in custom CSS.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -229,6 +250,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -236,18 +259,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to <code>base_color</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -255,100 +286,142 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| <code>base_color</code>. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -356,6 +429,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -363,6 +438,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -370,6 +447,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -377,10 +456,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -388,6 +471,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -395,28 +480,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -424,34 +521,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -459,25 +570,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -485,6 +606,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -492,19 +615,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -512,10 +643,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -523,12 +658,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -536,9 +679,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -560,17 +704,17 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_mono_light</span><span class="op">(</span></span> | |||
| <span class="r-in"> base_color <span class="op">=</span> <span class="st">"#23395b"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_mono_light</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> base_color <span class="op">=</span> <span class="st">"#23395b"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -582,14 +726,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,7 +1,7 @@ | |||
| <!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. | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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".'><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. | |||
| 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"><!-- 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> | |||
| @@ -14,14 +14,14 @@ Works well with "highlightStyle: solarized-dark" or | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -93,76 +93,75 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_solarized_dark</span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="st">"#839496"</span>, | |||
| header_color <span class="op">=</span> <span class="st">"#dc322f"</span>, | |||
| background_color <span class="op">=</span> <span class="st">"#002b36"</span>, | |||
| link_color <span class="op">=</span> <span class="st">"#b58900"</span>, | |||
| text_bold_color <span class="op">=</span> <span class="st">"#d33682"</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="st">"#586e75"</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"#268bd240"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="st">"#6c71c4"</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="st">"#fdf6e3"</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="st">"#002b36"</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="st">"#586e75"</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="st">"#93a1a1"</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="st">"#cb4b16"</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#657b83"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#657b83"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="st">"#073642"</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_solarized_dark</span><span class="op">(</span></span> | |||
| <span> text_color <span class="op">=</span> <span class="st">"#839496"</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="st">"#dc322f"</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="st">"#b58900"</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="st">"#d33682"</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="st">"#586e75"</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"#268bd240"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="st">"#6c71c4"</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="st">"#fdf6e3"</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="st">"#586e75"</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="st">"#93a1a1"</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="st">"#cb4b16"</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#657b83"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#657b83"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="st">"#073642"</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -172,41 +171,57 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or | |||
| 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 | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Slide Background Color. Defaults to #002b36. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to #586e75. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -215,6 +230,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -222,18 +239,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to #268bd240. | |||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-highlight-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to #6c71c4. Modifies | |||
| the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -241,99 +266,141 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| #586e75. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| #93a1a1. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to #cb4b16. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #657b83. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #657b83. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to #073642. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | |||
| elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -341,6 +408,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -348,6 +417,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -355,6 +426,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -362,10 +435,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -373,6 +450,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -380,28 +459,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -409,34 +500,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -444,25 +549,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -470,6 +585,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -477,19 +594,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -497,10 +622,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -508,12 +637,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -521,9 +658,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2> | |||
| @@ -547,16 +685,16 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_solarized_dark</span><span class="op">(</span></span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_solarized_dark</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -568,14 +706,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,7 +1,7 @@ | |||
| <!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. | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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".'><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. | |||
| 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"><!-- 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> | |||
| @@ -14,14 +14,14 @@ Works well with "highlightStyle: solarized-dark" or | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -93,76 +93,75 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">style_solarized_light</span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="st">"#657b83"</span>, | |||
| header_color <span class="op">=</span> <span class="st">"#dc322f"</span>, | |||
| background_color <span class="op">=</span> <span class="st">"#fdf6e3"</span>, | |||
| link_color <span class="op">=</span> <span class="st">"#b58900"</span>, | |||
| text_bold_color <span class="op">=</span> <span class="st">"#d33682"</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="st">"#93a1a1"</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"#268bd240"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="st">"#6c71c4"</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="st">"#002b36"</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="st">"#fdf6e3"</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="st">"#93a1a1"</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="st">"#586e75"</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="st">"#cb4b16"</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#839496"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#839496"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="st">"#eee8d5"</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">style_solarized_light</span><span class="op">(</span></span> | |||
| <span> text_color <span class="op">=</span> <span class="st">"#657b83"</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="st">"#dc322f"</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="st">"#fdf6e3"</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="st">"#b58900"</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="st">"#d33682"</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="st">"#93a1a1"</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"#268bd240"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="st">"#6c71c4"</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="st">"#fdf6e3"</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="st">"#93a1a1"</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="st">"#586e75"</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="st">"#cb4b16"</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#839496"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#839496"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="st">"#eee8d5"</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu"><a href="style_xaringan.html">xaringanthemer_font_default</a></span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -172,41 +171,57 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or | |||
| 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 | |||
| function or in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Slide Background Color. Defaults to #fdf6e3. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to #93a1a1. | |||
| Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -215,6 +230,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -222,18 +239,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to #268bd240. | |||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-highlight-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to #6c71c4. Modifies | |||
| the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -241,99 +266,141 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| #93a1a1. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| #586e75. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to #cb4b16. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #839496. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #839496. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to #eee8d5. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | |||
| elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -341,6 +408,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -348,6 +417,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -355,6 +426,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -362,10 +435,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -373,6 +450,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -380,28 +459,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -409,34 +500,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -444,25 +549,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -470,6 +585,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -477,19 +594,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -497,10 +622,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -508,12 +637,20 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -521,9 +658,10 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2> | |||
| @@ -547,16 +685,16 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_solarized_light</span><span class="op">(</span></span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_solarized_light</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -568,14 +706,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,5 +1,5 @@ | |||
| <!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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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"><!-- 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]> | |||
| <!-- 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"><!-- 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> | |||
| @@ -10,14 +10,14 @@ | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -87,78 +87,77 @@ | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="va">font_arg</span><span class="op">)</span> | |||
| <span class="fu">style_xaringan</span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="st">"#000"</span>, | |||
| header_color <span class="op">=</span> <span class="st">"#000"</span>, | |||
| background_color <span class="op">=</span> <span class="st">"#FFF"</span>, | |||
| link_color <span class="op">=</span> <span class="st">"rgb(249, 38, 114)"</span>, | |||
| text_bold_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_slide_number_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>, | |||
| background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>, | |||
| code_inline_color <span class="op">=</span> <span class="st">"#000"</span>, | |||
| code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>, | |||
| inverse_background_color <span class="op">=</span> <span class="st">"#272822"</span>, | |||
| inverse_text_color <span class="op">=</span> <span class="st">"#d6d6d6"</span>, | |||
| inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| inverse_header_color <span class="op">=</span> <span class="st">"#f3f3f3"</span>, | |||
| inverse_link_color <span class="op">=</span> <span class="va">link_color</span>, | |||
| title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>, | |||
| title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>, | |||
| title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>, | |||
| footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>, | |||
| left_column_subtle_color <span class="op">=</span> <span class="st">"#777"</span>, | |||
| left_column_selected_color <span class="op">=</span> <span class="st">"#000"</span>, | |||
| blockquote_left_border_color <span class="op">=</span> <span class="st">"lightgray"</span>, | |||
| table_border_color <span class="op">=</span> <span class="st">"#666"</span>, | |||
| table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>, | |||
| table_row_even_background_color <span class="op">=</span> <span class="st">"#eee"</span>, | |||
| base_font_size <span class="op">=</span> <span class="st">"20px"</span>, | |||
| text_font_size <span class="op">=</span> <span class="st">"1rem"</span>, | |||
| header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>, | |||
| header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>, | |||
| header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>, | |||
| header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>, | |||
| header_background_color <span class="op">=</span> <span class="va">header_color</span>, | |||
| header_background_text_color <span class="op">=</span> <span class="va">background_color</span>, | |||
| header_background_padding <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>, | |||
| header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, | |||
| <span class="st">"bottom"</span><span class="op">)</span>, | |||
| text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| text_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_family <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>, | |||
| text_font_weight <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>, | |||
| text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>, | |||
| text_font_url <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>, | |||
| text_font_family_fallback <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>, | |||
| text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>, | |||
| header_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| header_font_family <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>, | |||
| header_font_weight <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>, | |||
| header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>, | |||
| header_font_url <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>, | |||
| code_font_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| code_font_family <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>, | |||
| code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>, | |||
| code_font_url <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>, | |||
| code_font_family_fallback <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>, | |||
| link_decoration <span class="op">=</span> <span class="st">"none"</span>, | |||
| colors <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_css <span class="op">=</span> <span class="cn">NULL</span>, | |||
| extra_fonts <span class="op">=</span> <span class="cn">NULL</span>, | |||
| outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="va">font_arg</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">style_xaringan</span><span class="op">(</span></span> | |||
| <span> text_color <span class="op">=</span> <span class="st">"#000"</span>,</span> | |||
| <span> header_color <span class="op">=</span> <span class="st">"#000"</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="st">"#FFF"</span>,</span> | |||
| <span> link_color <span class="op">=</span> <span class="st">"rgb(249, 38, 114)"</span>,</span> | |||
| <span> text_bold_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_slide_number_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> padding <span class="op">=</span> <span class="st">"16px 64px 16px 64px"</span>,</span> | |||
| <span> background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_highlight_color <span class="op">=</span> <span class="st">"rgba(255,255,0,0.5)"</span>,</span> | |||
| <span> code_inline_color <span class="op">=</span> <span class="st">"#000"</span>,</span> | |||
| <span> code_inline_background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_inline_font_size <span class="op">=</span> <span class="st">"1em"</span>,</span> | |||
| <span> inverse_background_color <span class="op">=</span> <span class="st">"#272822"</span>,</span> | |||
| <span> inverse_text_color <span class="op">=</span> <span class="st">"#d6d6d6"</span>,</span> | |||
| <span> inverse_text_shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> inverse_header_color <span class="op">=</span> <span class="st">"#f3f3f3"</span>,</span> | |||
| <span> inverse_link_color <span class="op">=</span> <span class="va">link_color</span>,</span> | |||
| <span> title_slide_text_color <span class="op">=</span> <span class="va">inverse_text_color</span>,</span> | |||
| <span> title_slide_background_color <span class="op">=</span> <span class="va">inverse_background_color</span>,</span> | |||
| <span> title_slide_background_image <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_slide_background_position <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> footnote_font_size <span class="op">=</span> <span class="st">"0.9em"</span>,</span> | |||
| <span> footnote_position_bottom <span class="op">=</span> <span class="st">"60px"</span>,</span> | |||
| <span> left_column_subtle_color <span class="op">=</span> <span class="st">"#777"</span>,</span> | |||
| <span> left_column_selected_color <span class="op">=</span> <span class="st">"#000"</span>,</span> | |||
| <span> blockquote_left_border_color <span class="op">=</span> <span class="st">"lightgray"</span>,</span> | |||
| <span> table_border_color <span class="op">=</span> <span class="st">"#666"</span>,</span> | |||
| <span> table_row_border_color <span class="op">=</span> <span class="st">"#ddd"</span>,</span> | |||
| <span> table_row_even_background_color <span class="op">=</span> <span class="st">"#eee"</span>,</span> | |||
| <span> base_font_size <span class="op">=</span> <span class="st">"20px"</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="st">"1rem"</span>,</span> | |||
| <span> header_h1_font_size <span class="op">=</span> <span class="st">"2.75rem"</span>,</span> | |||
| <span> header_h2_font_size <span class="op">=</span> <span class="st">"2.25rem"</span>,</span> | |||
| <span> header_h3_font_size <span class="op">=</span> <span class="st">"1.75rem"</span>,</span> | |||
| <span> header_background_auto <span class="op">=</span> <span class="cn">FALSE</span>,</span> | |||
| <span> header_background_color <span class="op">=</span> <span class="va">header_color</span>,</span> | |||
| <span> header_background_text_color <span class="op">=</span> <span class="va">background_color</span>,</span> | |||
| <span> header_background_padding <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_background_content_padding_top <span class="op">=</span> <span class="st">"7rem"</span>,</span> | |||
| <span> header_background_ignore_classes <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 class="st">"normal"</span>, <span class="st">"inverse"</span>, <span class="st">"title"</span>, <span class="st">"middle"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span> | |||
| <span> text_slide_number_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> text_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_family <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_family"</span><span class="op">)</span>,</span> | |||
| <span> text_font_weight <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> text_bold_font_weight <span class="op">=</span> <span class="st">"bold"</span>,</span> | |||
| <span> text_font_url <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_url"</span><span class="op">)</span>,</span> | |||
| <span> text_font_family_fallback <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"text_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> text_font_base <span class="op">=</span> <span class="st">"sans-serif"</span>,</span> | |||
| <span> header_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> header_font_family <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"header_font_family"</span><span class="op">)</span>,</span> | |||
| <span> header_font_weight <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"header_font_weight"</span><span class="op">)</span>,</span> | |||
| <span> header_font_family_fallback <span class="op">=</span> <span class="st">"Georgia, serif"</span>,</span> | |||
| <span> header_font_url <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"header_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> code_font_family <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"code_font_family"</span><span class="op">)</span>,</span> | |||
| <span> code_font_size <span class="op">=</span> <span class="st">"0.9rem"</span>,</span> | |||
| <span> code_font_url <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"code_font_url"</span><span class="op">)</span>,</span> | |||
| <span> code_font_family_fallback <span class="op">=</span> <span class="fu">xaringanthemer_font_default</span><span class="op">(</span><span class="st">"code_font_family_fallback"</span><span class="op">)</span>,</span> | |||
| <span> link_decoration <span class="op">=</span> <span class="st">"none"</span>,</span> | |||
| <span> colors <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_css <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> extra_fonts <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> outfile <span class="op">=</span> <span class="st">"xaringan-themer.css"</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| @@ -166,46 +165,64 @@ | |||
| <dl><dt>font_arg</dt> | |||
| <dd><p>A font argument from the <span class="pkg">xaringanthemer</span> <code>style_</code> | |||
| function family.</p></dd> | |||
| <dt>text_color</dt> | |||
| <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 | |||
| referenced with <code>var(--text_color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>header_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Slide Background Color. Defaults to #FFF. Modifies | |||
| the <code>.remark-slide-content</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>link_color</dt> | |||
| <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 | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></dd> | |||
| <dt>text_bold_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>text_slide_number_color</dt> | |||
| <dd><p>Slide Number Color. Defaults to | |||
| <code>inverse_background_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></dd> | |||
| <dt>padding</dt> | |||
| <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. | |||
| Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>background_image</dt> | |||
| <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 | |||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>background_size</dt> | |||
| <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 | |||
| @@ -214,6 +231,8 @@ be set. If <code>background_image</code> is set, <code>background_size</code> wi | |||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>background_position</dt> | |||
| <dd><p>Background image position, requires | |||
| <code>background_image</code> to be set, and it is recommended to adjust | |||
| @@ -221,18 +240,26 @@ property values.</p></dd> | |||
| <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>code_highlight_color</dt> | |||
| <dd><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></dd> | |||
| <dt>code_inline_color</dt> | |||
| <dd><p>Inline Code Color. Defaults to #000. Modifies the | |||
| <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_background_color</dt> | |||
| <dd><p>Inline Code Background Color. Defaults | |||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></dd> | |||
| <dt>code_inline_font_size</dt> | |||
| <dd><p>Inline Code Text Font Size. Defaults to 1em. | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| @@ -240,99 +267,141 @@ Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>inverse_background_color</dt> | |||
| <dd><p>Inverse Background Color. Defaults to | |||
| #272822. Modifies the <code>.inverse</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></dd> | |||
| <dt>inverse_text_color</dt> | |||
| <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 | |||
| 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> | |||
| <dt>inverse_text_shadow</dt> | |||
| <dd><p>Enables Shadow on text of inverse slides. | |||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></dd> | |||
| <dt>inverse_header_color</dt> | |||
| <dd><p>Inverse Header Color. Defaults to #f3f3f3. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>inverse_link_color</dt> | |||
| <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 | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_text_color</dt> | |||
| <dd><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>title_slide_background_color</dt> | |||
| <dd><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>title_slide_background_image</dt> | |||
| <dd><p>Title Slide Background Image URL. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></dd> | |||
| <dt>title_slide_background_size</dt> | |||
| <dd><p>Title Slide Background Image Size, | |||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||
| Modifies the <code>.title-slide</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a> | |||
| property values.</p></dd> | |||
| <dt>title_slide_background_position</dt> | |||
| <dd><p>Title Slide Background Image | |||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class. Accepts | |||
| CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_color</dt> | |||
| <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> | |||
| class.</p></dd> | |||
| <dt>footnote_font_size</dt> | |||
| <dd><p>Footnote font size. Defaults to 0.9em. Modifies | |||
| the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a> | |||
| property values.</p></dd> | |||
| <dt>footnote_position_bottom</dt> | |||
| <dd><p>Footnote location from bottom of screen. | |||
| Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a> | |||
| property values.</p></dd> | |||
| <dt>left_column_subtle_color</dt> | |||
| <dd><p>Left Column Text (not last). Defaults to | |||
| #777. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></dd> | |||
| <dt>left_column_selected_color</dt> | |||
| <dd><p>Left Column Current Selection. Defaults to | |||
| #000. Modifies the | |||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></dd> | |||
| <dt>blockquote_left_border_color</dt> | |||
| <dd><p>Blockquote Left Border Color. Defaults | |||
| to lightgray. Modifies the <code>blockquote</code> element.</p></dd> | |||
| <dt>table_border_color</dt> | |||
| <dd><p>Table top/bottom border. Defaults to #666. | |||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_border_color</dt> | |||
| <dd><p>Table row inner bottom border. Defaults to | |||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></dd> | |||
| <dt>table_row_even_background_color</dt> | |||
| <dd><p>Table Even Row Background Color. | |||
| Defaults to #eee. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | |||
| elements.</p></dd> | |||
| <dt>base_font_size</dt> | |||
| <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 | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>text_font_size</dt> | |||
| <dd><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| @@ -340,6 +409,8 @@ the <code>.remark-slide-content</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h1_font_size</dt> | |||
| <dd><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| @@ -347,6 +418,8 @@ Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h2_font_size</dt> | |||
| <dd><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| @@ -354,6 +427,8 @@ Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_h3_font_size</dt> | |||
| <dd><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| @@ -361,10 +436,14 @@ Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_background_auto</dt> | |||
| <dd><p>Add background under slide title automatically | |||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||
| enable. Defaults to <code>FALSE</code>.</p></dd> | |||
| <dt>header_background_color</dt> | |||
| <dd><p>Background Color for h1 Header with | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| @@ -372,6 +451,8 @@ Background. Defaults to <code>header_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></dd> | |||
| <dt>header_background_text_color</dt> | |||
| <dd><p>Text Color for h1 Header with | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| @@ -379,28 +460,40 @@ Background. Defaults to <code>background_color</code>. Modifies the | |||
| stored as a CSS variable that can be referenced with | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_background_padding</dt> | |||
| <dd><p>Padding for h1 Header with Background. | |||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class. Accepts | |||
| CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a> | |||
| property values.</p></dd> | |||
| <dt>header_background_content_padding_top</dt> | |||
| <dd><p>Top Padding for Content in | |||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>header_background_ignore_classes</dt> | |||
| <dd><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></dd> | |||
| <dt>text_slide_number_font_size</dt> | |||
| <dd><p>Slide Number Text Font Size. Defaults to | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>text_font_google</dt> | |||
| <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> | |||
| <dt>text_font_family</dt> | |||
| <dd><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| @@ -408,34 +501,48 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></dd> | |||
| <dt>text_font_weight</dt> | |||
| <dd><p>Body Text Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>text_bold_font_weight</dt> | |||
| <dd><p>Body Bold Text Font Weight. Defaults to bold. | |||
| Modifies the <code>strong</code> element.</p></dd> | |||
| <dt>text_font_url</dt> | |||
| <dd><p>Body Text Font URL(s). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></dd> | |||
| <dt>text_font_family_fallback</dt> | |||
| <dd><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></dd> | |||
| <dt>text_font_base</dt> | |||
| <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 | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>header_font_google</dt> | |||
| <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> | |||
| <dt>header_font_family</dt> | |||
| <dd><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| @@ -443,25 +550,35 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| <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-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>header_font_weight</dt> | |||
| <dd><p>Header Font Weight. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a> | |||
| property values.</p></dd> | |||
| <dt>header_font_family_fallback</dt> | |||
| <dd><p>Header Font Family Fallback. Defaults to | |||
| 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 | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></dd> | |||
| <dt>header_font_url</dt> | |||
| <dd><p>Header Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></dd> | |||
| <dt>code_font_google</dt> | |||
| <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> | |||
| <dt>code_font_family</dt> | |||
| <dd><p>Code Font Family. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| @@ -469,6 +586,8 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></dd> | |||
| also stored as a CSS variable that can be referenced with | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></dd> | |||
| <dt>code_font_size</dt> | |||
| <dd><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| @@ -476,19 +595,27 @@ CSS.</p></dd> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></dd> | |||
| <dt>code_font_url</dt> | |||
| <dd><p>Code Font URL. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></dd> | |||
| <dt>code_font_family_fallback</dt> | |||
| <dd><p>Code Font Fallback. Defaults to | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></dd> | |||
| <dt>link_decoration</dt> | |||
| <dd><p>Text decoration of links. Defaults to none. Modifies | |||
| 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> | |||
| property values.</p></dd> | |||
| <dt>colors</dt> | |||
| <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. | |||
| @@ -496,10 +623,14 @@ For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable | |||
| <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or | |||
| foreground color, and a <code>.bg-blue</code> CSS class that applies the color | |||
| to the background.</p></dd> | |||
| <dt>extra_css</dt> | |||
| <dd><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></dd> | |||
| <dt>extra_fonts</dt> | |||
| <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 | |||
| @@ -507,18 +638,26 @@ can be either a URL as a character string or a call to | |||
| will need to write custom CSS rules that apply the font to an element or | |||
| class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of | |||
| <code><a href="../articles/xaringanthemer.html">vignette("xaringanthemer")</a></code> for an example.</p></dd> | |||
| <dt>outfile</dt> | |||
| <dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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>(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></p> | |||
| <p>(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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <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> | |||
| </ul></div> | |||
| <div class="section level2"> | |||
| @@ -526,9 +665,10 @@ font fallbacks.</p></li> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.</p><div class="sourceCode yaml"><pre><code><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></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"></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> | |||
| 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> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -546,20 +686,20 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringan style in a temporary file</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">style_xaringan</span><span class="op">(</span></span> | |||
| <span class="r-in"> text_color <span class="op">=</span> <span class="st">"#002b3"</span>,</span> | |||
| <span class="r-in"> inverse_background_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span> | |||
| <span class="r-in"> inverse_text_color <span class="op">=</span> <span class="st">"#002b3"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span> | |||
| <span class="r-in"> <span class="co"># styles to xaringan-themer.css</span></span> | |||
| <span class="r-in"><span class="op">)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringan style in a temporary file</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer-"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">style_xaringan</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> text_color <span class="op">=</span> <span class="st">"#002b3"</span>,</span></span> | |||
| <span class="r-in"><span> inverse_background_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span></span> | |||
| <span class="r-in"><span> inverse_text_color <span class="op">=</span> <span class="st">"#002b3"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span> <span class="co"># omit in your slides to write the</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># styles to xaringan-themer.css</span></span></span> | |||
| <span class="r-in"><span><span class="op">)</span></span></span> | |||
| <span class="r-wrn co"><span class="r-pr">#></span> <span class="warning">Warning: </span>Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="co"># View the CSS:</span></span> | |||
| <span class="r-in"><span class="co"># file.edit(xaringan_themer_css)</span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="co"># View the CSS:</span></span></span> | |||
| <span class="r-in"><span><span class="co"># file.edit(xaringan_themer_css)</span></span></span> | |||
| </code></pre></div> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -571,14 +711,12 @@ argument, use that name instead of the default file name.</p><div class="sourceC | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -2,7 +2,7 @@ | |||
| <!-- 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 ggplot2 themes to match the xaringanthemer theme used in the | |||
| 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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.'><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=' | |||
| Creates ggplot2 themes to match the xaringanthemer theme used in the | |||
| 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"><!-- 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]> | |||
| @@ -16,14 +16,14 @@ styles. See vignette("ggplot2-themes") for more information and examples.'><meta | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -96,36 +96,44 @@ styles. See <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-th | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">theme_xaringan</span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| accent_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| css_file <span class="op">=</span> <span class="cn">NULL</span>, | |||
| set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>, | |||
| text_font <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| use_showtext <span class="op">=</span> <span class="cn">NULL</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">theme_xaringan</span><span class="op">(</span></span> | |||
| <span> text_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> accent_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> css_file <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>,</span> | |||
| <span> text_font <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> use_showtext <span class="op">=</span> <span class="cn">NULL</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>text_color</dt> | |||
| <dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Color for background, inherits from | |||
| <code>background_color</code></p></dd> | |||
| <dt>accent_color</dt> | |||
| <dd><p>Color for titles and accents, inherits from | |||
| <code>header_color</code></p></dd> | |||
| <dt>accent_secondary_color</dt> | |||
| <dd><p>Color for secondary accents, inherits from | |||
| <code>text_bold_color</code></p></dd> | |||
| <dt>css_file</dt> | |||
| <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 | |||
| @@ -133,40 +141,59 @@ theme variables and values will be inferred. In general, if you use the | |||
| lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even | |||
| if you have only saved your theme CSS file and you aren't creating your | |||
| CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd> | |||
| <dt>set_ggplot_defaults</dt> | |||
| <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, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd> | |||
| <dt>text_font</dt> | |||
| <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>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> | |||
| <dt>text_font_use_google</dt> | |||
| <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> | |||
| <dd><p>Base text font size, inherits from <code>text_font_size</code>, or | |||
| defaults to 11.</p></dd> | |||
| <dt>title_font</dt> | |||
| <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>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> | |||
| <dt>title_font_use_google</dt> | |||
| <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> | |||
| <dd><p>Base text font size, inherits from <code>title_font_size</code>, | |||
| or defaults to 14.</p></dd> | |||
| <dt>use_showtext</dt> | |||
| <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 | |||
| entirely, which may result in errors during plotting if the fonts used are | |||
| not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span> | |||
| package is installed.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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 class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -178,31 +205,31 @@ package is installed.</p></dd> | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span> | |||
| <span class="r-in"><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span> | |||
| <span class="r-in"> <span class="va">path_to_css_file</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span> | |||
| <span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span> | |||
| <span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span> | |||
| <span class="r-in"> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span> | |||
| <span class="r-in"> <span class="co"># automatically use your theme font if you use Google fonts</span></span> | |||
| <span class="r-in"> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span> | |||
| <span class="r-in"> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <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 class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Fuel Efficiency of Various Cars"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu">theme_xaringan</span><span class="op">(</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Requires ggplot2</span></span></span> | |||
| <span class="r-in"><span><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span></span> | |||
| <span class="r-in"><span> <span class="va">path_to_css_file</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span></span> | |||
| <span class="r-in"><span> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span></span> | |||
| <span class="r-in"><span> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># automatically use your theme font if you use Google fonts</span></span></span> | |||
| <span class="r-in"><span> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span></span> | |||
| <span class="r-in"><span> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Fuel Efficiency of Various Cars"</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">theme_xaringan</span><span class="op">(</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="theme_xaringan-1.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -215,14 +242,12 @@ package is installed.</p></dd> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -7,7 +7,7 @@ general plot style from two colors, a background_color and a text_color | |||
| accent_secondary_color that are xaringanthemer is not required for the | |||
| base theme. Use theme_xaringan() or theme_xaringan_inverse() in xaringan | |||
| slides styled by xaringanthemer for a plot theme that matches the slide | |||
| style. See vignette("ggplot2-themes") for more information and examples.'><title>The ggplot2 xaringanthemer base plot theme — theme_xaringan_base • 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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="The ggplot2 xaringanthemer base plot theme — theme_xaringan_base"><meta property="og:description" content=' | |||
| style. See vignette("ggplot2-themes") for more information and examples.'><title>The ggplot2 xaringanthemer base plot theme — theme_xaringan_base • 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="The ggplot2 xaringanthemer base plot theme — theme_xaringan_base"><meta property="og:description" content=' | |||
| Provides a base plot theme for ggplot2 to match the xaringan | |||
| slide theme created by xaringanthemer. The theme is designed to create a | |||
| general plot style from two colors, a background_color and a text_color | |||
| @@ -26,14 +26,14 @@ style. See vignette("ggplot2-themes") for more information and examples.'><meta | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -111,74 +111,101 @@ style. See <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-th | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">theme_xaringan_base</span><span class="op">(</span> | |||
| <span class="va">text_color</span>, | |||
| <span class="va">background_color</span>, | |||
| <span class="va">...</span>, | |||
| set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>, | |||
| accent_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| use_showtext <span class="op">=</span> <span class="cn">NULL</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">theme_xaringan_base</span><span class="op">(</span></span> | |||
| <span> <span class="va">text_color</span>,</span> | |||
| <span> <span class="va">background_color</span>,</span> | |||
| <span> <span class="va">...</span>,</span> | |||
| <span> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>,</span> | |||
| <span> accent_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> use_showtext <span class="op">=</span> <span class="cn">NULL</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>text_color</dt> | |||
| <dd><p>Color for text and foreground</p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Color for background</p></dd> | |||
| <dt>...</dt> | |||
| <dd><p>Ignored</p></dd> | |||
| <dt>set_ggplot_defaults</dt> | |||
| <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, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd> | |||
| <dt>accent_color</dt> | |||
| <dd><p>Color for titles and accents, inherits from | |||
| <code>header_color</code> or <code>text_color</code>. Used for the <code>title</code> base setting in | |||
| <code><a href="https://ggplot2.tidyverse.org/reference/theme.html" class="external-link">ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of | |||
| <span class="pkg">ggplot2</span> geom defaults.</p></dd> | |||
| <dt>accent_secondary_color</dt> | |||
| <dd><p>Color for secondary accents, inherits from | |||
| <code>text_bold_color</code> or <code>accent_color</code>. Used only when setting <span class="pkg">ggplot2</span> geom | |||
| defaults.</p></dd> | |||
| <dt>text_font</dt> | |||
| <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>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> | |||
| <dt>text_font_use_google</dt> | |||
| <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> | |||
| <dd><p>Base text font size, inherits from <code>text_font_size</code>, or | |||
| defaults to 11.</p></dd> | |||
| <dt>title_font</dt> | |||
| <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>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> | |||
| <dt>title_font_use_google</dt> | |||
| <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> | |||
| <dd><p>Base text font size, inherits from <code>title_font_size</code>, | |||
| or defaults to 14.</p></dd> | |||
| <dt>use_showtext</dt> | |||
| <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 | |||
| entirely, which may result in errors during plotting if the fonts used are | |||
| not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span> | |||
| package is installed.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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 class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -190,50 +217,50 @@ package is installed.</p></dd> | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span> | |||
| <span class="r-in"><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <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 class="r-in"></span> | |||
| <span class="r-in"> <span class="va">plot1</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">mpg</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu">theme_xaringan_base</span><span class="op">(</span></span> | |||
| <span class="r-in"> text_color <span class="op">=</span> <span class="st">"#602f6b"</span>, <span class="co"># imperial</span></span> | |||
| <span class="r-in"> background_color <span class="op">=</span> <span class="st">"#f8f8f8"</span>, <span class="co"># light gray</span></span> | |||
| <span class="r-in"> accent_color <span class="op">=</span> <span class="st">"#317873"</span>, <span class="co"># myrtle green</span></span> | |||
| <span class="r-in"> title_font <span class="op">=</span> <span class="st">"sans"</span>,</span> | |||
| <span class="r-in"> text_font <span class="op">=</span> <span class="st">"serif"</span>,</span> | |||
| <span class="r-in"> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span></span> | |||
| <span class="r-in"> <span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span></span> | |||
| <span class="r-in"> title <span class="op">=</span> <span class="st">"Fuel Efficiency of Various Cars"</span>,</span> | |||
| <span class="r-in"> subtitle <span class="op">=</span> <span class="st">"+ theme_xaringan_base()"</span>,</span> | |||
| <span class="r-in"> caption <span class="op">=</span> <span class="st">"xaringanthemer"</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">plot1</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="va">plot2</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">mpg</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_histogram.html" class="external-link">geom_histogram</a></span><span class="op">(</span>binwidth <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu">theme_xaringan_base</span><span class="op">(</span></span> | |||
| <span class="r-in"> text_color <span class="op">=</span> <span class="st">"#a8a9c8"</span>, <span class="co"># light purple</span></span> | |||
| <span class="r-in"> background_color <span class="op">=</span> <span class="st">"#303163"</span>, <span class="co"># deep slate purple</span></span> | |||
| <span class="r-in"> accent_color <span class="op">=</span> <span class="st">"#ffff99"</span>, <span class="co"># canary yellow</span></span> | |||
| <span class="r-in"> title_font <span class="op">=</span> <span class="st">"sans"</span>,</span> | |||
| <span class="r-in"> text_font <span class="op">=</span> <span class="st">"serif"</span>,</span> | |||
| <span class="r-in"> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span></span> | |||
| <span class="r-in"> <span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span></span> | |||
| <span class="r-in"> title <span class="op">=</span> <span class="st">"Highway Fuel Efficiency"</span>,</span> | |||
| <span class="r-in"> subtitle <span class="op">=</span> <span class="st">"+ theme_xaringan_base()"</span>,</span> | |||
| <span class="r-in"> caption <span class="op">=</span> <span class="st">"xaringanthemer"</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">plot2</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Requires ggplot2</span></span></span> | |||
| <span class="r-in"><span><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="va">plot1</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">mpg</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">theme_xaringan_base</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> text_color <span class="op">=</span> <span class="st">"#602f6b"</span>, <span class="co"># imperial</span></span></span> | |||
| <span class="r-in"><span> background_color <span class="op">=</span> <span class="st">"#f8f8f8"</span>, <span class="co"># light gray</span></span></span> | |||
| <span class="r-in"><span> accent_color <span class="op">=</span> <span class="st">"#317873"</span>, <span class="co"># myrtle green</span></span></span> | |||
| <span class="r-in"><span> title_font <span class="op">=</span> <span class="st">"sans"</span>,</span></span> | |||
| <span class="r-in"><span> text_font <span class="op">=</span> <span class="st">"serif"</span>,</span></span> | |||
| <span class="r-in"><span> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> title <span class="op">=</span> <span class="st">"Fuel Efficiency of Various Cars"</span>,</span></span> | |||
| <span class="r-in"><span> subtitle <span class="op">=</span> <span class="st">"+ theme_xaringan_base()"</span>,</span></span> | |||
| <span class="r-in"><span> caption <span class="op">=</span> <span class="st">"xaringanthemer"</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">plot1</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="va">plot2</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">mpg</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_histogram.html" class="external-link">geom_histogram</a></span><span class="op">(</span>binwidth <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">theme_xaringan_base</span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> text_color <span class="op">=</span> <span class="st">"#a8a9c8"</span>, <span class="co"># light purple</span></span></span> | |||
| <span class="r-in"><span> background_color <span class="op">=</span> <span class="st">"#303163"</span>, <span class="co"># deep slate purple</span></span></span> | |||
| <span class="r-in"><span> accent_color <span class="op">=</span> <span class="st">"#ffff99"</span>, <span class="co"># canary yellow</span></span></span> | |||
| <span class="r-in"><span> title_font <span class="op">=</span> <span class="st">"sans"</span>,</span></span> | |||
| <span class="r-in"><span> text_font <span class="op">=</span> <span class="st">"serif"</span>,</span></span> | |||
| <span class="r-in"><span> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> title <span class="op">=</span> <span class="st">"Highway Fuel Efficiency"</span>,</span></span> | |||
| <span class="r-in"><span> subtitle <span class="op">=</span> <span class="st">"+ theme_xaringan_base()"</span>,</span></span> | |||
| <span class="r-in"><span> caption <span class="op">=</span> <span class="st">"xaringanthemer"</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">plot2</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="theme_xaringan_base-1.png" alt="" width="700" height="433"></span> | |||
| <span class="r-plt img"><img src="theme_xaringan_base-2.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| @@ -247,14 +274,12 @@ package is installed.</p></dd> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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 helper function to retrieve the value of style settings as set by a | |||
| xaringanthemer style function, for use in plotting and other circumstances."><title>Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value • 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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="Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value"><meta property="og:description" content="A helper function to retrieve the value of style settings as set by a | |||
| xaringanthemer style function, for use in plotting and other circumstances."><title>Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value • 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="Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value"><meta property="og:description" content="A helper function to retrieve the value of style settings as set by a | |||
| xaringanthemer style function, for use in plotting and other circumstances."><meta 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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ xaringanthemer style function, for use in plotting and other circumstances."><me | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -90,13 +90,15 @@ xaringanthemer style function, for use in plotting and other circumstances.</p> | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="va">setting</span>, css_file <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="va">setting</span>, css_file <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>setting</dt> | |||
| <dd><p>A xaringanthemer style setting</p></dd> | |||
| <dt>css_file</dt> | |||
| <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 | |||
| @@ -104,10 +106,13 @@ theme variables and values will be inferred. In general, if you use the | |||
| lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even | |||
| if you have only saved your theme CSS file and you aren't creating your | |||
| CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | |||
| <p>The value of the xaringanthemer style parameter.</p> | |||
| <p>The value of the xaringanthemer style parameter.</p> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="style-settings">Style Settings<a class="anchor" aria-label="anchor" href="#style-settings"></a></h2> | |||
| @@ -180,18 +185,18 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringanthemer style in a temporary file for this example</span></span> | |||
| <span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu"><a href="style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span>outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"text_color"</span><span class="op">)</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Create a xaringanthemer style in a temporary file for this example</span></span></span> | |||
| <span class="r-in"><span><span class="va">xaringan_themer_css</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="st">"xaringan-themer"</span>, fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu"><a href="style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span>outfile <span class="op">=</span> <span class="va">xaringan_themer_css</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"text_color"</span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "#657b83"</span> | |||
| <span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"background_color"</span><span class="op">)</span></span> | |||
| <span class="r-in"><span><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"background_color"</span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "#fdf6e3"</span> | |||
| <span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"header_color"</span><span class="op">)</span></span> | |||
| <span class="r-in"><span><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"header_color"</span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "#dc322f"</span> | |||
| <span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"text_bold_color"</span><span class="op">)</span></span> | |||
| <span class="r-in"><span><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"text_bold_color"</span><span class="op">)</span></span></span> | |||
| <span class="r-out co"><span class="r-pr">#></span> [1] "#d33682"</span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -204,14 +209,12 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -2,7 +2,7 @@ | |||
| <!-- 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 ggplot2 xaringanthemer plot theme to seamlessly match the "inverse" | |||
| xaringan slide colors and styles as styled by xaringanthemer. See | |||
| vignette("ggplot2-themes") for more information and examples.'><title>An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse • xaringanthemer</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse"><meta property="og:description" content=' | |||
| vignette("ggplot2-themes") for more information and examples.'><title>An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse • xaringanthemer</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.2/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.2/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse"><meta property="og:description" content=' | |||
| A ggplot2 xaringanthemer plot theme to seamlessly match the "inverse" | |||
| xaringan slide colors and styles as styled by xaringanthemer. 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"><!-- 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]> | |||
| @@ -16,14 +16,14 @@ vignette("ggplot2-themes") for more information and examples.'><meta property="o | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -96,36 +96,44 @@ vignette("ggplot2-themes") for more information and examples.'><meta property="o | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">theme_xaringan_inverse</span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| accent_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| css_file <span class="op">=</span> <span class="cn">NULL</span>, | |||
| set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>, | |||
| text_font <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| text_font_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>, | |||
| title_font_size <span class="op">=</span> <span class="cn">NULL</span>, | |||
| use_showtext <span class="op">=</span> <span class="cn">NULL</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">theme_xaringan_inverse</span><span class="op">(</span></span> | |||
| <span> text_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> accent_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> css_file <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>,</span> | |||
| <span> text_font <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> text_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> title_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> use_showtext <span class="op">=</span> <span class="cn">NULL</span></span> | |||
| <span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>text_color</dt> | |||
| <dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Color for background, inherits from | |||
| <code>background_color</code></p></dd> | |||
| <dt>accent_color</dt> | |||
| <dd><p>Color for titles and accents, inherits from | |||
| <code>header_color</code></p></dd> | |||
| <dt>accent_secondary_color</dt> | |||
| <dd><p>Color for secondary accents, inherits from | |||
| <code>text_bold_color</code></p></dd> | |||
| <dt>css_file</dt> | |||
| <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 | |||
| @@ -133,40 +141,59 @@ theme variables and values will be inferred. In general, if you use the | |||
| lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even | |||
| if you have only saved your theme CSS file and you aren't creating your | |||
| CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd> | |||
| <dt>set_ggplot_defaults</dt> | |||
| <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, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd> | |||
| <dt>text_font</dt> | |||
| <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>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> | |||
| <dt>text_font_use_google</dt> | |||
| <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> | |||
| <dd><p>Base text font size, inherits from <code>text_font_size</code>, or | |||
| defaults to 11.</p></dd> | |||
| <dt>title_font</dt> | |||
| <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>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> | |||
| <dt>title_font_use_google</dt> | |||
| <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> | |||
| <dd><p>Base text font size, inherits from <code>title_font_size</code>, | |||
| or defaults to 14.</p></dd> | |||
| <dt>use_showtext</dt> | |||
| <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 | |||
| entirely, which may result in errors during plotting if the fonts used are | |||
| not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span> | |||
| package is installed.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <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 class="section level2"> | |||
| <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2> | |||
| @@ -178,32 +205,32 @@ package is installed.</p></dd> | |||
| <div class="section level2"> | |||
| <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span> | |||
| <span class="r-in"><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span> | |||
| <span class="r-in"> <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span> | |||
| <span class="r-in"> <span class="va">path_to_css_file</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span> | |||
| <span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span> | |||
| <span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span> | |||
| <span class="r-in"> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span> | |||
| <span class="r-in"> <span class="co"># automatically use your theme font if you use Google fonts</span></span> | |||
| <span class="r-in"> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span> | |||
| <span class="r-in"> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span> | |||
| <span class="r-in"> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span> | |||
| <span class="r-in"> <span class="op">)</span></span> | |||
| <span class="r-in"></span> | |||
| <span class="r-in"> <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 class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Fuel Efficiency of Various Cars"</span><span class="op">)</span> <span class="op">+</span></span> | |||
| <span class="r-in"> <span class="co"># themed to match the inverse slides: teal background with dark blue text</span></span> | |||
| <span class="r-in"> <span class="fu">theme_xaringan_inverse</span><span class="op">(</span><span class="op">)</span></span> | |||
| <span class="r-in"><span class="op">}</span></span> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Requires ggplot2</span></span></span> | |||
| <span class="r-in"><span><span class="va">has_ggplot2</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span></span> | |||
| <span class="r-in"><span> <span class="va">path_to_css_file</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span></span> | |||
| <span class="r-in"><span> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span></span> | |||
| <span class="r-in"><span> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span></span> | |||
| <span class="r-in"><span> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># automatically use your theme font if you use Google fonts</span></span></span> | |||
| <span class="r-in"><span> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span></span> | |||
| <span class="r-in"><span> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span></span> | |||
| <span class="r-in"><span> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span></span> | |||
| <span class="r-in"><span> <span class="op">)</span></span></span> | |||
| <span class="r-in"><span></span></span> | |||
| <span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Fuel Efficiency of Various Cars"</span><span class="op">)</span> <span class="op">+</span></span></span> | |||
| <span class="r-in"><span> <span class="co"># themed to match the inverse slides: teal background with dark blue text</span></span></span> | |||
| <span class="r-in"><span> <span class="fu">theme_xaringan_inverse</span><span class="op">(</span><span class="op">)</span></span></span> | |||
| <span class="r-in"><span><span class="op">}</span></span></span> | |||
| <span class="r-plt img"><img src="theme_xaringan_inverse-1.png" alt="" width="700" height="433"></span> | |||
| </code></pre></div> | |||
| </div> | |||
| @@ -216,14 +243,12 @@ package is installed.</p></dd> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -4,7 +4,7 @@ Set ggplot2 geom defaults to match theme_xaringan() with | |||
| theme_xaringan_set_defaults() and restore the standard or previously-set | |||
| defaults with theme_xaringan_restore_defaults(). By default, | |||
| theme_xaringan_set_defaults() is run with theme_xaringan() or | |||
| theme_xaringan_inverse()."><title>Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults • 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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="Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults"><meta property="og:description" content=" | |||
| theme_xaringan_inverse()."><title>Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults • 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="Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults"><meta property="og:description" content=" | |||
| Set ggplot2 geom defaults to match theme_xaringan() with | |||
| theme_xaringan_set_defaults() and restore the standard or previously-set | |||
| defaults with theme_xaringan_restore_defaults(). By default, | |||
| @@ -20,14 +20,14 @@ theme_xaringan_inverse()."><meta property="og:image" content="https://pkg.garric | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -102,44 +102,57 @@ defaults with <code>theme_xaringan_restore_defaults()</code>. By default, | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">theme_xaringan_set_defaults</span><span class="op">(</span> | |||
| text_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| background_color <span class="op">=</span> <span class="cn">NULL</span>, | |||
| accent_color <span class="op">=</span> <span class="va">text_color</span>, | |||
| accent_secondary_color <span class="op">=</span> <span class="va">accent_color</span>, | |||
| text_font <span class="op">=</span> <span class="cn">NULL</span> | |||
| <span class="op">)</span> | |||
| <span class="fu">theme_xaringan_restore_defaults</span><span class="op">(</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">theme_xaringan_set_defaults</span><span class="op">(</span></span> | |||
| <span> text_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> background_color <span class="op">=</span> <span class="cn">NULL</span>,</span> | |||
| <span> accent_color <span class="op">=</span> <span class="va">text_color</span>,</span> | |||
| <span> accent_secondary_color <span class="op">=</span> <span class="va">accent_color</span>,</span> | |||
| <span> text_font <span class="op">=</span> <span class="cn">NULL</span></span> | |||
| <span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">theme_xaringan_restore_defaults</span><span class="op">(</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>text_color</dt> | |||
| <dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd> | |||
| <dt>background_color</dt> | |||
| <dd><p>Color for background, inherits from | |||
| <code>background_color</code></p></dd> | |||
| <dt>accent_color</dt> | |||
| <dd><p>Color for titles and accents, inherits from | |||
| <code>header_color</code></p></dd> | |||
| <dt>accent_secondary_color</dt> | |||
| <dd><p>Color for secondary accents, inherits from | |||
| <code>text_bold_color</code></p></dd> | |||
| <dt>text_font</dt> | |||
| <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>TRUE</code>. Inherits from <code>text_font_family</code>. Must be a length-one character.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | |||
| <p>Invisibly returns a list of the current ggplot2 geom defaults | |||
| Invisibly returns a list of the current ggplot2 geom defaults</p> | |||
| <p>Invisibly returns a list of the current ggplot2 geom defaults</p> | |||
| <p>Invisibly returns a list of the current ggplot2 geom defaults</p> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="functions">Functions<a class="anchor" aria-label="anchor" href="#functions"></a></h2> | |||
| <ul><li><p><code>theme_xaringan_restore_defaults</code>: Restore previous or standard | |||
| <ul><li><p><code>theme_xaringan_restore_defaults()</code>: Restore previous or standard | |||
| <span class="pkg">ggplot2</span> <em>geom</em> defaults.</p></li> | |||
| </ul></div> | |||
| <div class="section level2"> | |||
| @@ -159,14 +172,12 @@ Invisibly returns a list of the current ggplot2 geom defaults</p> | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -10,7 +10,7 @@ Use style_duo() instead of duo(). | |||
| Use style_duo_accent() instead of duo_accent(). | |||
| Use style_duo_accent_inverse() instead of duo_accent_inverse(). | |||
| Use style_solarized_light() instead of solarized_light(). | |||
| Use style_solarized_dark() instead of solarized_dark()."><title>Deprecated or renamed functions — xaringanthemer-deprecated • 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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="Deprecated or renamed functions — xaringanthemer-deprecated"><meta property="og:description" content="These functions in xaringanthemer have been deprecated or renamed. | |||
| Use style_solarized_dark() instead of solarized_dark()."><title>Deprecated or renamed functions — xaringanthemer-deprecated • 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="Deprecated or renamed functions — xaringanthemer-deprecated"><meta property="og:description" content="These functions in xaringanthemer have been deprecated or renamed. | |||
| Use style_xaringan() instead of write_xaringan_theme(). | |||
| Use style_extra_css() instead of write_extra_css(). | |||
| Use style_mono_light() instead of mono_light(). | |||
| @@ -32,14 +32,14 @@ Use style_solarized_dark() instead of solarized_dark()."><meta property="og:imag | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -120,37 +120,40 @@ Use style_solarized_dark() instead of solarized_dark()."><meta property="og:imag | |||
| <div class="section level2"> | |||
| <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">write_xaringan_theme</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">write_extra_css</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">mono_light</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">mono_dark</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">mono_accent</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">mono_accent_inverse</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">duo</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">duo_accent</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">duo_accent_inverse</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">solarized_light</span><span class="op">(</span><span class="va">...</span><span class="op">)</span> | |||
| <span class="fu">solarized_dark</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></code></pre></div> | |||
| <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">write_xaringan_theme</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">write_extra_css</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">mono_light</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">mono_dark</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">mono_accent</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">mono_accent_inverse</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">duo</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">duo_accent</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">duo_accent_inverse</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">solarized_light</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span> | |||
| <span></span> | |||
| <span><span class="fu">solarized_dark</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div> | |||
| </div> | |||
| <div class="section level2"> | |||
| <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2> | |||
| <dl><dt>...</dt> | |||
| <dd><p>Argumets passed to the new or renamed functions.</p></dd> | |||
| </dl></div> | |||
| <div class="section level2"> | |||
| <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2> | |||
| <p>The result of the new or renamed function.</p> | |||
| <p>The result of the new or renamed function.</p> | |||
| </div> | |||
| </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2> | |||
| @@ -162,14 +165,12 @@ Use style_solarized_dark() instead of solarized_dark()."><meta property="og:imag | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||
| @@ -1,6 +1,6 @@ | |||
| <!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=" | |||
| Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script."><title>xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package • 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.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><link href="../deps/_Poppins-0.4.0/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="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package"><meta property="og:description" content=" | |||
| Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script."><title>xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package • 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="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package"><meta property="og:description" content=" | |||
| Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script."><meta 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"><!-- 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> | |||
| @@ -12,14 +12,14 @@ Create beautifully color-coordinated and customized themes for your 'xaringan' s | |||
| <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small> | |||
| <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.2</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"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div id="navbar" class="collapse navbar-collapse ms-2"> | |||
| <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> | |||
| @@ -84,7 +84,7 @@ Create beautifully color-coordinated and customized themes for your 'xaringan' s | |||
| </div> | |||
| <div class="ref-description section level2"> | |||
| <p><img src="figures/logo.png" align="right" alt="logo" width="120"></p> | |||
| <p></p> | |||
| <p>Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script.</p> | |||
| </div> | |||
| @@ -110,14 +110,12 @@ Create beautifully color-coordinated and customized themes for your 'xaringan' s | |||
| </div> | |||
| <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.1.</p> | |||
| <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p> | |||
| </div> | |||
| </footer></div> | |||
| </body></html> | |||
| <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html> | |||