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

178 lines
5.7KB

  1. <!-- Generated by pkgdown: do not edit by hand -->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>Generate lighter or darker version of a color — lighten_darken_color • xaringanthemer</title>
  9. <!-- jquery -->
  10. <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
  11. <!-- Bootstrap -->
  12. <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
  13. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  14. <!-- Font Awesome icons -->
  15. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
  16. <!-- clipboard.js -->
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
  18. <!-- sticky kit -->
  19. <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
  20. <!-- pkgdown -->
  21. <link href="../pkgdown.css" rel="stylesheet">
  22. <script src="../pkgdown.js"></script>
  23. <meta property="og:title" content="Generate lighter or darker version of a color — lighten_darken_color" />
  24. <meta property="og:description" content="Produces a linear blend of the color with white or black." />
  25. <meta name="twitter:card" content="summary" />
  26. <!-- mathjax -->
  27. <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
  28. <!--[if lt IE 9]>
  29. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  30. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  31. <![endif]-->
  32. </head>
  33. <body>
  34. <div class="container template-reference-topic">
  35. <header>
  36. <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  37. <div class="container">
  38. <div class="navbar-header">
  39. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
  40. <span class="icon-bar"></span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-bar"></span>
  43. </button>
  44. <span class="navbar-brand">
  45. <a class="navbar-link" href="../index.html">xaringanthemer</a>
  46. <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
  47. </span>
  48. </div>
  49. <div id="navbar" class="navbar-collapse collapse">
  50. <ul class="nav navbar-nav">
  51. <li>
  52. <a href="../index.html">
  53. <span class="fa fa-home fa-lg"></span>
  54. </a>
  55. </li>
  56. <li>
  57. <a href="../articles/xaringanthemer.html">Get started</a>
  58. </li>
  59. <li>
  60. <a href="../articles/singles/themes.html">Themes</a>
  61. </li>
  62. <li>
  63. <a href="../articles/singles/fonts.html">Fonts</a>
  64. </li>
  65. <li>
  66. <a href="../articles/template-variables.html">Template Variables</a>
  67. </li>
  68. <li>
  69. <a href="../articles/css-help.html">CSS Help</a>
  70. </li>
  71. <li>
  72. <a href="../reference/index.html">Reference</a>
  73. </li>
  74. </ul>
  75. <ul class="nav navbar-nav navbar-right">
  76. <li>
  77. <a href="https://github.com/gadenbuie/xaringanthemer">
  78. <span class="fa fa-github fa-lg"></span>
  79. </a>
  80. </li>
  81. <li>
  82. <a href="https://twitter.com/grrrck">
  83. <span class="fa fa-twitter fa-lg"></span>
  84. </a>
  85. </li>
  86. </ul>
  87. </div><!--/.nav-collapse -->
  88. </div><!--/.container -->
  89. </div><!--/.navbar -->
  90. </header>
  91. <div class="row">
  92. <div class="col-md-9 contents">
  93. <div class="page-header">
  94. <h1>Generate lighter or darker version of a color</h1>
  95. <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
  96. <div class="hidden name"><code>lighten_darken_color.Rd</code></div>
  97. </div>
  98. <div class="ref-description">
  99. <p>Produces a linear blend of the color with white or black.</p>
  100. </div>
  101. <pre class="usage"><span class='fu'>lighten_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.7</span>)
  102. <span class='fu'>darken_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.8</span>)</pre>
  103. <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
  104. <table class="ref-arguments">
  105. <colgroup><col class="name" /><col class="desc" /></colgroup>
  106. <tr>
  107. <th>color_hex</th>
  108. <td><p>A character string representing a hex color</p></td>
  109. </tr>
  110. <tr>
  111. <th>strength</th>
  112. <td><p>The "strength" of the blend with white or black,
  113. 0 low to 1 high.</p></td>
  114. </tr>
  115. </table>
  116. </div>
  117. <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
  118. <h2>Contents</h2>
  119. <ul class="nav nav-pills nav-stacked">
  120. <li><a href="#arguments">Arguments</a></li>
  121. </ul>
  122. </div>
  123. </div>
  124. <footer>
  125. <div class="copyright">
  126. <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
  127. </div>
  128. <div class="pkgdown">
  129. <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  130. </div>
  131. </footer>
  132. </div>
  133. </body>
  134. </html>