| (much) | (much) | ||||
| CSS. | CSS. | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/examples.gif" width="100%" /> | |||||
| <img src="vignettes/images/examples.gif" width="100%" /> | |||||
| - [Installation](#installation) | - [Installation](#installation) | ||||
| - [Quick Intro](#quick-intro) | - [Quick Intro](#quick-intro) | ||||
| ``` | ``` | ||||
| ```` | ```` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_mono_light_1c5253.png" width="100%" /> | |||||
| <img src="vignettes/images/example_mono_light_1c5253.png" width="100%" /> | |||||
| **xaringanthemer** is <kbd>Tab</kbd> friendly – [use autocomplete to | **xaringanthemer** is <kbd>Tab</kbd> friendly – [use autocomplete to | ||||
| explore](#theme-settings) the [template | explore](#theme-settings) the [template | ||||
| <center> | <center> | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/rmarkdown-template-screenshot.png" width="350px" /> | |||||
| <img src="vignettes/images/rmarkdown-template-screenshot.png" width="350px" /> | |||||
| </center> | </center> | ||||
| mono_light(base_color = "#23395b") | mono_light(base_color = "#23395b") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_mono_light.png" width="100%" /> | |||||
| <img src="vignettes/images/example_mono_light.png" width="100%" /> | |||||
| #### `mono_dark()` | #### `mono_dark()` | ||||
| mono_dark(base_color = "#cbf7ed") | mono_dark(base_color = "#cbf7ed") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_mono_dark.png" width="100%" /> | |||||
| <img src="vignettes/images/example_mono_dark.png" width="100%" /> | |||||
| #### `mono_accent()` | #### `mono_accent()` | ||||
| mono_accent(base_color = "#43418A") | mono_accent(base_color = "#43418A") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_mono_accent.png" width="100%" /> | |||||
| <img src="vignettes/images/example_mono_accent.png" width="100%" /> | |||||
| #### `mono_accent_inverse()` | #### `mono_accent_inverse()` | ||||
| mono_accent_inverse(base_color = "#3C989E") | mono_accent_inverse(base_color = "#3C989E") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_mono_accent_inverse.png" width="100%" /> | |||||
| <img src="vignettes/images/example_mono_accent_inverse.png" width="100%" /> | |||||
| ### Duotone | ### Duotone | ||||
| duo(primary_color = "#1F4257", secondary_color = "#F97B64") | duo(primary_color = "#1F4257", secondary_color = "#F97B64") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_duo.png" width="100%" /> | |||||
| <img src="vignettes/images/example_duo.png" width="100%" /> | |||||
| #### `duo_accent()` | #### `duo_accent()` | ||||
| duo_accent(primary_color = "#006747", secondary_color = "#CFC493") | duo_accent(primary_color = "#006747", secondary_color = "#CFC493") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_duo_accent.png" width="100%" /> | |||||
| <img src="vignettes/images/example_duo_accent.png" width="100%" /> | |||||
| #### `duo_accent_inverse()` | #### `duo_accent_inverse()` | ||||
| duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493") | duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493") | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_duo_accent_inverse.png" width="100%" /> | |||||
| <img src="vignettes/images/example_duo_accent_inverse.png" width="100%" /> | |||||
| ### Solarized | ### Solarized | ||||
| solarized_light() | solarized_light() | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_solarized_light.png" width="100%" /> | |||||
| <img src="vignettes/images/example_solarized_light.png" width="100%" /> | |||||
| #### `solarized_dark()` | #### `solarized_dark()` | ||||
| solarized_dark() | solarized_dark() | ||||
| ``` | ``` | ||||
| <img src="/Users/garrickaden-buie/Dropbox/R/xaringanthemer/vignettes/images/example_solarized_dark.png" width="100%" /> | |||||
| <img src="vignettes/images/example_solarized_dark.png" width="100%" /> | |||||
| To do this, your YAML header should look more-or-less like this: | To do this, your YAML header should look more-or-less like this: | ||||