Quellcode durchsuchen

Rename style functions to use style_ prefix

* e.g. style_duo() <- duo()
* style_xaringan <- write_xaringan_theme()
* style_extra_css <- write_extra_css()
* added NEWS entry
* updated docs and /docs
tags/v0.3.0
Garrick Aden-Buie vor 7 Jahren
Ursprung
Commit
f67f42a5c8
97 geänderte Dateien mit 3850 neuen und 2046 gelöschten Zeilen
  1. +11
    -0
      NAMESPACE
  2. +7
    -0
      NEWS.md
  3. +3
    -3
      R/style_duo.R
  4. +3
    -3
      R/style_duo_accent.R
  5. +3
    -3
      R/style_duo_accent_inverse.R
  6. +22
    -5
      R/style_extra_css.R
  7. +3
    -3
      R/style_mono_accent.R
  8. +3
    -3
      R/style_mono_accent_inverse.R
  9. +3
    -3
      R/style_mono_dark.R
  10. +3
    -3
      R/style_mono_light.R
  11. +3
    -3
      R/style_solarized_dark.R
  12. +3
    -3
      R/style_solarized_light.R
  13. +4
    -4
      R/style_xaringan.R
  14. +3
    -3
      R/utils.R
  15. +128
    -0
      R/xaringanthemer-deprecated.R
  16. +3
    -3
      README.Rmd
  17. +31
    -30
      README.md
  18. +14
    -5
      _pkgdown.yml
  19. +12
    -11
      docs/LICENSE-text.html
  20. +12
    -11
      docs/LICENSE.html
  21. +0
    -154
      docs/TODO.html
  22. +0
    -163
      docs/articles/articles/fonts.html
  23. +0
    -275
      docs/articles/articles/themes.html
  24. +21
    -21
      docs/articles/css-help.html
  25. +12
    -11
      docs/articles/index.html
  26. +14
    -14
      docs/articles/singles/fonts.html
  27. +38
    -38
      docs/articles/singles/themes.html
  28. +61
    -24
      docs/articles/template-variables.html
  29. +60
    -60
      docs/articles/xaringanthemer.html
  30. +12
    -11
      docs/authors.html
  31. +23
    -22
      docs/index.html
  32. +0
    -11
      docs/jquery.sticky-kit.min.js
  33. +161
    -0
      docs/news/index.html
  34. +8
    -4
      docs/pkgdown.css
  35. +12
    -7
      docs/pkgdown.js
  36. +2
    -2
      docs/pkgdown.yml
  37. +12
    -11
      docs/reference/apply_alpha.html
  38. +16
    -15
      docs/reference/choose_dark_or_light.html
  39. +195
    -0
      docs/reference/get_xaringanthemer_value.html
  40. +39
    -16
      docs/reference/google_font.html
  41. +17
    -15
      docs/reference/google_language_codes.html
  42. +65
    -25
      docs/reference/index.html
  43. +12
    -11
      docs/reference/lighten_darken_color.html
  44. +91
    -52
      docs/reference/style_duo.html
  45. +98
    -56
      docs/reference/style_duo_accent.html
  46. +95
    -54
      docs/reference/style_duo_accent_inverse.html
  47. +219
    -0
      docs/reference/style_extra_css.html
  48. +86
    -48
      docs/reference/style_mono_accent.html
  49. +89
    -50
      docs/reference/style_mono_accent_inverse.html
  50. +84
    -46
      docs/reference/style_mono_dark.html
  51. +84
    -46
      docs/reference/style_mono_light.html
  52. +86
    -49
      docs/reference/style_solarized_dark.html
  53. +86
    -49
      docs/reference/style_solarized_light.html
  54. +92
    -52
      docs/reference/style_xaringan.html
  55. +248
    -0
      docs/reference/theme_xaringan.html
  56. +289
    -0
      docs/reference/theme_xaringan_base.html
  57. +246
    -0
      docs/reference/theme_xaringan_inverse.html
  58. +221
    -0
      docs/reference/theme_xaringan_set_defaults.html
  59. +0
    -185
      docs/reference/write_extra_css.html
  60. +203
    -0
      docs/reference/xaringanthemer-deprecated.html
  61. +21
    -21
      docs/reference/xaringanthemer-package.html
  62. +32
    -14
      docs/sitemap.xml
  63. +33
    -33
      inst/scripts/generate_theme_functions.R
  64. +2
    -2
      inst/scripts/style_xaringan_body.R
  65. +0
    -0
      man-roxygen/style_duo.R
  66. +0
    -0
      man-roxygen/style_duo_accent.R
  67. +0
    -0
      man-roxygen/style_duo_accent_inverse.R
  68. +0
    -0
      man-roxygen/style_mono_accent.R
  69. +0
    -0
      man-roxygen/style_mono_accent_inverse.R
  70. +0
    -0
      man-roxygen/style_mono_dark.R
  71. +0
    -0
      man-roxygen/style_mono_light.R
  72. +0
    -0
      man-roxygen/style_solarized_dark.R
  73. +0
    -0
      man-roxygen/style_solarized_light.R
  74. +0
    -0
      man-roxygen/style_xaringan.R
  75. +16
    -14
      man/style_duo.Rd
  76. +19
    -16
      man/style_duo_accent.Rd
  77. +16
    -13
      man/style_duo_accent_inverse.Rd
  78. +42
    -0
      man/style_extra_css.Rd
  79. +16
    -14
      man/style_mono_accent.Rd
  80. +17
    -14
      man/style_mono_accent_inverse.Rd
  81. +16
    -14
      man/style_mono_dark.Rd
  82. +16
    -14
      man/style_mono_light.Rd
  83. +14
    -12
      man/style_solarized_dark.Rd
  84. +14
    -12
      man/style_solarized_light.Rd
  85. +12
    -10
      man/style_xaringan.Rd
  86. +0
    -25
      man/write_extra_css.Rd
  87. +65
    -0
      man/xaringanthemer-deprecated.Rd
  88. +8
    -0
      tests/testthat/test-style_xaringan.R
  89. +18
    -18
      tests/testthat/test-themes.R
  90. +0
    -8
      tests/testthat/test-write_xaringan_theme.R
  91. +3
    -3
      vignettes/css-help.Rmd
  92. +3
    -3
      vignettes/css-help.md
  93. +3
    -3
      vignettes/rmdchunks/_fonts.Rmd
  94. +1
    -1
      vignettes/rmdchunks/_quick-intro.Rmd
  95. +28
    -28
      vignettes/rmdchunks/_themes.Rmd
  96. +60
    -54
      vignettes/template-variables.md
  97. +4
    -4
      vignettes/xaringanthemer.Rmd

+ 11
- 0
NAMESPACE Datei anzeigen

@@ -16,6 +16,17 @@ export(mono_dark)
export(mono_light)
export(solarized_dark)
export(solarized_light)
export(style_duo)
export(style_duo_accent)
export(style_duo_accent_inverse)
export(style_extra_css)
export(style_mono_accent)
export(style_mono_accent_inverse)
export(style_mono_dark)
export(style_mono_light)
export(style_solarized_dark)
export(style_solarized_light)
export(style_xaringan)
export(theme_xaringan)
export(theme_xaringan_base)
export(theme_xaringan_inverse)

+ 7
- 0
NEWS.md Datei anzeigen

@@ -1,5 +1,12 @@
# xaringanthemer 0.3.0

* Renamed all xaringanthemer functions that create CSS styles to use the
prefix "`style_`". For example, `mono_light()` is now `style_mono_light()`.
Additionally, `write_xaringan_theme()` is now `style_xaringan()` and
`write_extra_css()` is `style_extra_css()`. Overall, this change makes the
xarignanthemer API much cleaner and easier to navigate. Previous function
names are deprecated but still work.

* Added `background_header_auto` parameter that adds a background under the
first `h1` element (i.e. `# Slide Title`) on a slide. When enabled, the
background is added automatically to slides, as long as they aren't

R/duo.R → R/style_duo.R Datei anzeigen

@@ -61,10 +61,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template duo
#' @template style_duo
#' @family Duotone themes
#' @export
duo <- function(
style_duo <- function(
primary_color = "#1F4257",
secondary_color = "#F97B64",
text_color = choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99)),
@@ -130,5 +130,5 @@ duo <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/duo_accent.R → R/style_duo_accent.R Datei anzeigen

@@ -63,10 +63,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template duo_accent
#' @template style_duo_accent
#' @family Duotone themes
#' @export
duo_accent <- function(
style_duo_accent <- function(
primary_color = "#006747",
secondary_color = "#CFC493",
white_color = "#FFFFFF",
@@ -134,5 +134,5 @@ duo_accent <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/duo_accent_inverse.R → R/style_duo_accent_inverse.R Datei anzeigen

@@ -63,10 +63,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template duo_accent_inverse
#' @template style_duo_accent_inverse
#' @family Duotone themes
#' @export
duo_accent_inverse <- function(
style_duo_accent_inverse <- function(
primary_color = "#006747",
secondary_color = "#CFC493",
white_color = "#FFFFFF",
@@ -134,5 +134,5 @@ duo_accent_inverse <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/write_extra_css.R → R/style_extra_css.R Datei anzeigen

@@ -1,6 +1,8 @@
#' Write Extra CSS arguments
#' Add Extra CSS Styles
#'
#' Manually adds css elements to target `outfile`.
#' 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`.
#'
#' @section css list:
#' The `css` input must be a named list of css properties and values within a
@@ -10,14 +12,29 @@
#' @param css A named list of CSS definitions each containing a named list
#' of CSS property-value pairs, i.e.
#' `list(".class-id" = list("css-property" = "value"))`
#' @inheritParams write_xaringan_theme
#'
#' @examples
#' style_extra_css(
#' outfile = stdout(),
#' css = list(
#' ".red" = list(color = "red"),
#' ".small" = list("font-size" = "90%"),
#' ".full-width" = list(
#' display = "flex",
#' width = "100%",
#' flex = "1 1 auto"
#' )
#' )
#' )
#'
#' @inheritParams style_xaringan
#' @export
write_extra_css <- function(css, outfile = "xaringan-themer.css") {
style_extra_css <- function(css, outfile = "xaringan-themer.css") {
cat("\n\n/* Extra CSS */", list2css(css), file = outfile,
append = TRUE, sep = "\n")
}

#' @inheritParams write_extra_css
#' @inheritParams style_extra_css
#' @keywords internal
list2css <- function(css) {
`%.%` <- function(x, y) paste0(x, y)

R/mono_accent.R → R/style_mono_accent.R Datei anzeigen

@@ -62,10 +62,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_accent
#' @template style_mono_accent
#' @family Monotone themes
#' @export
mono_accent <- function(
style_mono_accent <- function(
base_color = "#43418A",
white_color = "#FFFFFF",
black_color = "#272822",
@@ -132,5 +132,5 @@ mono_accent <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/mono_accent_inverse.R → R/style_mono_accent_inverse.R Datei anzeigen

@@ -62,10 +62,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_accent_inverse
#' @template style_mono_accent_inverse
#' @family Monotone themes
#' @export
mono_accent_inverse <- function(
style_mono_accent_inverse <- function(
base_color = "#3C989E",
white_color = "#FFFFFF",
black_color = darken_color(base_color, 0.9),
@@ -132,5 +132,5 @@ mono_accent_inverse <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/mono_dark.R → R/style_mono_dark.R Datei anzeigen

@@ -62,10 +62,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_dark
#' @template style_mono_dark
#' @family Monotone themes
#' @export
mono_dark <- function(
style_mono_dark <- function(
base_color = "#cbf7ed",
white_color = lighten_color(base_color, 0.8),
black_color = darken_color(base_color, 0.85),
@@ -132,5 +132,5 @@ mono_dark <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/mono_light.R → R/style_mono_light.R Datei anzeigen

@@ -62,10 +62,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_light
#' @template style_mono_light
#' @family Monotone themes
#' @export
mono_light <- function(
style_mono_light <- function(
base_color = "#23395b",
white_color = lighten_color(base_color, 0.9),
black_color = darken_color(base_color, 0.3),
@@ -132,5 +132,5 @@ mono_light <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/solarized_dark.R → R/style_solarized_dark.R Datei anzeigen

@@ -59,10 +59,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template solarized_dark
#' @template style_solarized_dark
#' @family Solarized themes
#' @export
solarized_dark <- function(
style_solarized_dark <- function(
text_color = "#839496",
header_color = "#dc322f",
background_color = "#002b36",
@@ -126,5 +126,5 @@ solarized_dark <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/solarized_light.R → R/style_solarized_light.R Datei anzeigen

@@ -59,10 +59,10 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template solarized_light
#' @template style_solarized_light
#' @family Solarized themes
#' @export
solarized_light <- function(
style_solarized_light <- function(
text_color = "#657b83",
header_color = "#dc322f",
background_color = "#fdf6e3",
@@ -126,5 +126,5 @@ solarized_light <- function(
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
eval(parse(text = call_style_xaringan()))
}

R/write_theme.R → R/style_xaringan.R Datei anzeigen

@@ -59,9 +59,9 @@
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template write_xaringan_theme
#' @template style_xaringan
#' @export
write_xaringan_theme <- function(
style_xaringan <- function(
text_color = "#000",
header_color = "#000",
background_color = "#FFF",
@@ -174,7 +174,7 @@ write_xaringan_theme <- function(
)
table_row_even_background_color <- table_row_even_background_color %||% background_color
lapply(names(formals()), function(n) assign(n, get(n), envir = test_env))
lapply(names(formals()), function(n) assign(n, get(n), envir = xaringanthemer_env))
xaringanthemer_version <- utils::packageVersion("xaringanthemer")
@@ -201,6 +201,6 @@ write_xaringan_theme <- function(
template <- paste(template, collapse = "\n")
x <- whisker::whisker.render(template)
writeLines(x, con = outfile)
if (!is.null(extra_css)) write_extra_css(extra_css, outfile)
if (!is.null(extra_css)) style_extra_css(extra_css, outfile)
outfile
}

+ 3
- 3
R/utils.R Datei anzeigen

@@ -75,9 +75,9 @@ is_light_color <- function(x) {
}

#' @keywords internal
call_write_xaringan_theme <- function() {
paste0("write_xaringan_theme(",
paste(names(formals(write_xaringan_theme)), collapse = ", "),
call_style_xaringan <- function() {
paste0("style_xaringan(",
paste(names(formals(style_xaringan)), collapse = ", "),
")")
}


+ 128
- 0
R/xaringanthemer-deprecated.R Datei anzeigen

@@ -0,0 +1,128 @@
#' Deprecated or renamed functions
#'
#' These functions in xaringanthemer have been deprecated or renamed.
#'
#' @name xaringanthemer-deprecated
NULL

#' @description
#' Use [style_xaringan()] instead of `write_xaringan_theme()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
write_xaringan_theme <- function(...) {
.Deprecated(msg = "write_xaringan_theme() was renamed. Please use `style_xaringan()` instead.")
style_xaringan(...)
}

#' @description
#' Use [style_extra_css()] instead of `write_extra_css()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
write_extra_css <- function(...) {
.Deprecated(msg = "write_extra_css() was renamed. Please use `style_extra_css()` instead.")
style_xaringan(...)
}


#' @description
#' Use [style_mono_light()] instead of `mono_light()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
mono_light <- function(...) {
.Deprecated(msg = "mono_light() was renamed. Please use `style_mono_light()` instead.")
style_mono_light(...)
}

#' @description
#' Use [style_mono_dark()] instead of `mono_dark()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
mono_dark <- function(...) {
.Deprecated(msg = "mono_dark() was renamed. Please use `style_mono_dark()` instead.")
style_mono_dark(...)
}

#' @description
#' Use [style_mono_accent()] instead of `mono_accent()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
mono_accent <- function(...) {
.Deprecated(msg = "mono_accent() was renamed. Please use `style_mono_accent()` instead.")
style_mono_accent(...)
}

#' @description
#' Use [style_mono_accent_inverse()] instead of `mono_accent_inverse()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
mono_accent_inverse <- function(...) {
.Deprecated(msg = "mono_accent_inverse() was renamed. Please use `style_mono_accent_inverse()` instead.")
style_mono_accent_inverse(...)
}

#' @description
#' Use [style_duo()] instead of `duo()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
duo <- function(...) {
.Deprecated(msg = "duo() was renamed. Please use `style_duo()` instead.")
style_duo(...)
}

#' @description
#' Use [style_duo_accent()] instead of `duo_accent()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
duo_accent <- function(...) {
.Deprecated(msg = "duo_accent() was renamed. Please use `style_duo_accent()` instead.")
style_duo_accent(...)
}

#' @description
#' Use [style_duo_accent_inverse()] instead of `duo_accent_inverse()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
duo_accent_inverse <- function(...) {
.Deprecated(msg = "duo_accent_inverse() was renamed. Please use `style_duo_accent_inverse()` instead.")
style_duo_accent_inverse(...)
}

#' @description
#' Use [style_solarized_light()] instead of `solarized_light()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
solarized_light <- function(...) {
.Deprecated(msg = "solarized_light() was renamed. Please use `style_solarized_light()` instead.")
style_solarized_light(...)
}

#' @description
#' Use [style_solarized_dark()] instead of `solarized_dark()`.
#'
#' @export
#' @keywords internal
#' @rdname xaringanthemer-deprecated
solarized_dark <- function(...) {
.Deprecated(msg = "solarized_dark() was renamed. Please use `style_solarized_dark()` instead.")
style_solarized_dark(...)
}

+ 3
- 3
README.Rmd Datei anzeigen

@@ -59,7 +59,7 @@ gsub(" -", "-", sub("^-.+?\n", "", x))

## Theme Settings

The theme functions listed above are just wrappers around the central function of this package, `write_xaringan_theme()`.
The theme functions listed above are just wrappers around the central function of this package, `style_xaringan()`.
If you want to start from the default **xaringan** theme and make a few modifications, start there.

All of the [theme template variables][template-variables] are repeated in each of the theme functions (instead of relying on `...`) so that you can use autocompletion to find and change the defaults for any theme function.
@@ -102,11 +102,11 @@ extra_css <- list(
)
```

If you would rather keep your additional css definitions in a separate file, you can call `write_extra_css()` separately.
If you would rather keep your additional css definitions in a separate file, you can call `style_extra_css()` separately.
Just be sure to include your new CSS file in the list of applied files in your YAML header.

```r
write_extra_css(css = extra_css, outfile = "custom.css")
style_extra_css(css = extra_css, outfile = "custom.css")
```

```{r results='asis', echo=FALSE}

+ 31
- 30
README.md Datei anzeigen

@@ -48,7 +48,7 @@ Then, in a hidden chunk just after the knitr setup chunk, load
```` markdown
```{r xaringan-themer, include = FALSE}
library(xaringanthemer)
mono_light(
style_mono_light(
base_color = "#1c5253",
header_font_google = google_font("Josefin Sans"),
text_font_google = google_font("Montserrat", "300", "300i"),
@@ -88,45 +88,45 @@ RStudio.
Use these functions to automatically create a consistent color palette
for your slides, based around a single color.

#### `mono_light()`
#### `style_mono_light()`

A light theme based around a single color.

``` r
mono_light(base_color = "#23395b")
style_mono_light(base_color = "#23395b")
```

<img src="vignettes/images/example_mono_light.png" width="100%" />

#### `mono_dark()`
#### `style_mono_dark()`

A dark theme based around a single color.

``` r
mono_dark(base_color = "#cbf7ed")
style_mono_dark(base_color = "#cbf7ed")
```

<img src="vignettes/images/example_mono_dark.png" width="100%" />

#### `mono_accent()`
#### `style_mono_accent()`

The default xaringan theme with a single color used for color accents on
select elements (headers, bold text, etc.).

``` r
mono_accent(base_color = "#43418A")
style_mono_accent(base_color = "#43418A")
```

<img src="vignettes/images/example_mono_accent.png" width="100%" />

#### `mono_accent_inverse()`
#### `style_mono_accent_inverse()`

An “inverted” default xaringan theme with a single color used for color
accents on select elements (headers, bold text,
etc.).

``` r
mono_accent_inverse(base_color = "#3C989E")
style_mono_accent_inverse(base_color = "#3C989E")
```

<img src="vignettes/images/example_mono_accent_inverse.png" width="100%" />
@@ -135,33 +135,33 @@ mono_accent_inverse(base_color = "#3C989E")

These themes build from two (ideally) complementary colors.

#### `duo()`
#### `style_duo()`

A two-colored theme based on a primary and secondary color.

``` r
duo(primary_color = "#1F4257", secondary_color = "#F97B64")
style_duo(primary_color = "#1F4257", secondary_color = "#F97B64")
```

<img src="vignettes/images/example_duo.png" width="100%" />

#### `duo_accent()`
#### `style_duo_accent()`

The default Xaringan theme with two accent colors.

``` r
duo_accent(primary_color = "#006747", secondary_color = "#CFC493")
style_duo_accent(primary_color = "#006747", secondary_color = "#CFC493")
```

<img src="vignettes/images/example_duo_accent.png" width="100%" />

#### `duo_accent_inverse()`
#### `style_duo_accent_inverse()`

An “inverted” default Xaringan theme with two accent
colors.

``` r
duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493")
style_duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493")
```

<img src="vignettes/images/example_duo_accent_inverse.png" width="100%" />
@@ -169,23 +169,24 @@ duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493")
### Solarized

There are also two themes based around the [solarized color
palette](http://ethanschoonover.com/solarized), `solarized_light()` and
`solarized_dark()`. For both themes, it is advisted to change the syntax
highlighting theme to `solarized-light` or `solarized-dark` (looks great
paired or constrasted).
palette](http://ethanschoonover.com/solarized),
`style_solarized_light()` and `style_solarized_dark()`. For both themes,
it is advisted to change the syntax highlighting theme to
`solarized-light` or `solarized-dark` (looks great paired or
constrasted).

#### `solarized_light()`
#### `style_solarized_light()`

``` r
solarized_light()
style_solarized_light()
```

<img src="vignettes/images/example_solarized_light.png" width="100%" />

#### `solarized_dark()`
#### `style_solarized_dark()`

``` r
solarized_dark()
style_solarized_dark()
```

<img src="vignettes/images/example_solarized_dark.png" width="100%" />
@@ -206,8 +207,8 @@ output:
## Theme Settings

The theme functions listed above are just wrappers around the central
function of this package, `write_xaringan_theme()`. If you want to start
from the default **xaringan** theme and make a few modifications, start
function of this package, `style_xaringan()`. If you want to start from
the default **xaringan** theme and make a few modifications, start
there.

All of the [theme template variables](vignettes/template-variables.md)
@@ -261,12 +262,12 @@ extra_css <- list(
```

If you would rather keep your additional css definitions in a separate
file, you can call `write_extra_css()` separately. Just be sure to
file, you can call `style_extra_css()` separately. Just be sure to
include your new CSS file in the list of applied files in your YAML
header.

``` r
write_extra_css(css = extra_css, outfile = "custom.css")
style_extra_css(css = extra_css, outfile = "custom.css")
```

``` css
@@ -307,7 +308,7 @@ theme arguments – `text_font_google`, `header_font_google`,
`?google_font` for more info.

``` r
mono_light(
style_mono_light(
header_font_google = google_font("Josefin Slab", "600"),
text_font_google = google_font("Work Sans", "300", "300i"),
code_font_google = google_font("IBM Plex Mono")
@@ -324,7 +325,7 @@ such as [Fira Code](https://github.com/yihui/xaringan/issues/83). Just
set `code_font_family` and `code_font_url`\!

``` r
solarized_dark(
style_solarized_dark(
code_font_family = "Fira Code",
code_font_url = "https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"
)
@@ -335,7 +336,7 @@ definitions](#adding-custom-css), you can use the `extra_fonts` argument
to pass a list of URLs or `google_font()`s.

``` r
mono_light(
style_mono_light(
extra_fonts = list(google_font("Sofia")),
extra_css = list(".title-slide h2" = list("font-family" = "Sofia"))
)

+ 14
- 5
_pkgdown.yml Datei anzeigen

@@ -9,16 +9,25 @@ reference:
- title: Writing CSS
desc: Functions that write CSS from inside a xaringan R markdown document.
contents:
- starts_with("write")
- style_xaringan
- style_extra_css
- title: Theme Functions
desc: Color theme functions for xaringan slides.
desc: |
Parameterized styles for xaringan slides using one (mono)
or two (duo) base colors. Bonus: slide styles base on the
solarized color palette.
contents:
- starts_with("mono")
- starts_with("duo")
- starts_with("solarized")
- starts_with("style_mono")
- starts_with("style_duo")
- starts_with("style_solarized")
- title: ggplot2 Themes
desc: Plot themes for ggplot2 to match xaringan slide styles.
contents:
- starts_with("theme_xaringan")
- title: Helper functions
desc: Helpers for Google fonts and color adjustments.
contents:
- get_xaringanthemer_value
- contains("color")
- apply_alpha
- choose_dark_or_light

+ 12
- 11
docs/LICENSE-text.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>License • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -35,7 +35,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -51,14 +52,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -133,9 +135,8 @@ COPYRIGHT HOLDER: Garrick Aden-Buie
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 12
- 11
docs/LICENSE.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>MIT License • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -35,7 +35,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -51,14 +52,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -137,9 +139,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 0
- 154
docs/TODO.html Datei anzeigen

@@ -1,154 +0,0 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>TODO • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="pkgdown.css" rel="stylesheet">
<script src="jquery.sticky-kit.min.js"></script>
<script src="pkgdown.js"></script>



<meta property="og:title" content="TODO" />


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></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>
<div class="container template-title-body">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.1.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="contents col-md-9">
<div class="page-header">
<h1>TODO</h1>
</div>

<div id="todo" class="section level1">

<ul>
<li>[x] Setup functions to auto-generate from theme_settings.R</li>
<li>[?] Fix table row border things</li>
<li>[x] Add font size parameters</li>
<li>
<p>[x] Fix datatable colors:</p>
<pre><code>table.dataTable {
color: black; /* Always dark color */
}</code></pre>
</li>
</ul>
</div>

</div>

</div>


<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 163
docs/articles/articles/fonts.html Datei anzeigen

@@ -1,163 +0,0 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html>
<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.0">
<title>Fonts • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
<script src="../../jquery.sticky-kit.min.js"></script><script src="../../pkgdown.js"></script><meta property="og:title" content="Fonts">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></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>
<div class="container template-article">
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.1.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../../articles/themes.html">Themes</a>
</li>
<li>
<a href="../../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../../reference/index.html">Reference</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
Articles
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../../articles/articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../../articles/articles/themes.html">Themes</a>
</li>
<li>
<a href="../../articles/css-help.html">xaringanthemer CSS Help</a>
</li>
<li>
<a href="../../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->

</header><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1>Fonts</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/articles/fonts.Rmd"><code>vignettes/articles/fonts.Rmd</code></a></small>
<div class="hidden name"><code>fonts.Rmd</code></div>

</div>

<div id="customizing-fonts" class="section level1">
<h1 class="hasAnchor">
<a href="#customizing-fonts" class="anchor"></a>Customizing Fonts</h1>
<!-- Need to set [adding-custom-css] -->
<p>Yihui picked out great fonts for the default <strong>xaringan</strong> theme, but sometimes you want something new and interesting.</p>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_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. See <code><a href="../../reference/google_font.html">?google_font</a></code> for more info.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
<a class="sourceLine" id="cb1-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a>
<a class="sourceLine" id="cb1-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a>
<a class="sourceLine" id="cb1-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a>
<a class="sourceLine" id="cb1-5" data-line-number="5">)</a></code></pre></div>
<p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p>
<p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_dark.html">solarized_dark</a></span>(</a>
<a class="sourceLine" id="cb2-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a>
<a class="sourceLine" id="cb2-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a>
<a class="sourceLine" id="cb2-4" data-line-number="4">)</a></code></pre></div>
<p>If you need to import additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, you can 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.</p>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
<a class="sourceLine" id="cb3-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw">list</span>(<span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
<a class="sourceLine" id="cb3-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw">list</span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
<a class="sourceLine" id="cb3-4" data-line-number="4">)</a></code></pre></div>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<div id="tocnav">
<h2 class="hasAnchor">
<a href="#tocnav" class="anchor"></a>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#customizing-fonts">Customizing Fonts</a></li>
</ul>
</div>
</div>

</div>


<footer><div class="copyright">
<p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>

+ 0
- 275
docs/articles/articles/themes.html Datei anzeigen

@@ -1,275 +0,0 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html>
<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.0">
<title>Themes • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
<script src="../../jquery.sticky-kit.min.js"></script><script src="../../pkgdown.js"></script><meta property="og:title" content="Themes">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></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>
<div class="container template-article">
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.1.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../../articles/themes.html">Themes</a>
</li>
<li>
<a href="../../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../../reference/index.html">Reference</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
Articles
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../../articles/articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../../articles/articles/themes.html">Themes</a>
</li>
<li>
<a href="../../articles/css-help.html">xaringanthemer CSS Help</a>
</li>
<li>
<a href="../../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->

</header><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1>Themes</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/articles/themes.Rmd"><code>vignettes/articles/themes.Rmd</code></a></small>
<div class="hidden name"><code>themes.Rmd</code></div>

</div>

<div id="xaringanthemer-theme-functions" class="section level1">
<h1 class="hasAnchor">
<a href="#xaringanthemer-theme-functions" class="anchor"></a>xaringanthemer Theme Functions</h1>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw">library</span>(xaringanthemer)</a></code></pre></div>
<div id="monotone" class="section level3">
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
<p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
<div id="mono_light" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_light" class="anchor"></a><code><a href="../../reference/mono_light.html">mono_light()</a></code>
</h4>
<p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1">demo_function_call &lt;-<span class="st"> </span><span class="cf">function</span>(f, <span class="dt">n_params =</span> <span class="dv">1</span>) {</a>
<a class="sourceLine" id="cb2-2" data-line-number="2"> <span class="kw">cat</span>(<span class="dt">sep =</span> <span class="st">""</span>,</a>
<a class="sourceLine" id="cb2-3" data-line-number="3"> <span class="st">"```r</span><span class="ch">\n</span><span class="st">"</span>,</a>
<a class="sourceLine" id="cb2-4" data-line-number="4"> <span class="kw">paste</span>(<span class="kw">substitute</span>(f)), <span class="st">"("</span>,</a>
<a class="sourceLine" id="cb2-5" data-line-number="5"> <span class="cf">if</span> (n_params <span class="op">&gt;</span><span class="st"> </span><span class="dv">0</span>) <span class="kw">paste</span>(<span class="dt">collapse =</span> <span class="st">", "</span>,</a>
<a class="sourceLine" id="cb2-6" data-line-number="6"> <span class="kw">sapply</span>(<span class="dv">1</span><span class="op">:</span>n_params, <span class="cf">function</span>(i) {</a>
<a class="sourceLine" id="cb2-7" data-line-number="7"> <span class="kw">paste0</span>(<span class="kw">names</span>(<span class="kw">formals</span>(f))[i], <span class="st">' = "'</span>, <span class="kw">formals</span>(f)[[i]], <span class="st">'"'</span>)})),</a>
<a class="sourceLine" id="cb2-8" data-line-number="8"> <span class="st">")</span><span class="ch">\n</span><span class="st">```"</span></a>
<a class="sourceLine" id="cb2-9" data-line-number="9"> )</a>
<a class="sourceLine" id="cb2-10" data-line-number="10">}</a>
<a class="sourceLine" id="cb2-11" data-line-number="11"><span class="kw">demo_function_call</span>(mono_light, <span class="dv">1</span>)</a></code></pre></div>
<pre><code>## ```r
## mono_light(base_color = "#23395b")
## ```</code></pre>
<p><img src="../images/example_mono_light.png" width="900"></p>
</div>
<div id="mono_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_dark" class="anchor"></a><code><a href="../../reference/mono_dark.html">mono_dark()</a></code>
</h4>
<p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw">demo_function_call</span>(mono_dark, <span class="dv">1</span>)</a></code></pre></div>
<pre><code>## ```r
## mono_dark(base_color = "#cbf7ed")
## ```</code></pre>
<p><img src="../images/example_mono_dark.png" width="900"></p>
</div>
<div id="mono_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_accent" class="anchor"></a><code><a href="../../reference/mono_accent.html">mono_accent()</a></code>
</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="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw">demo_function_call</span>(mono_accent, <span class="dv">1</span>)</a></code></pre></div>
<pre><code>## ```r
## mono_accent(base_color = "#43418A")
## ```</code></pre>
<p><img src="../images/example_mono_accent.png" width="900"></p>
</div>
<div id="mono_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_accent_inverse" class="anchor"></a><code><a href="../../reference/mono_accent_inverse.html">mono_accent_inverse()</a></code>
</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="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw">demo_function_call</span>(mono_accent_inverse, <span class="dv">1</span>)</a></code></pre></div>
<pre><code>## ```r
## mono_accent_inverse(base_color = "#3C989E")
## ```</code></pre>
<p><img src="../images/example_mono_accent_inverse.png" width="900"></p>
</div>
</div>
<div id="duotone" class="section level3">
<h3 class="hasAnchor">
<a href="#duotone" class="anchor"></a>Duotone</h3>
<p>These themes build from two (ideally) complementary colors.</p>
<div id="duo" class="section level4">
<h4 class="hasAnchor">
<a href="#duo" class="anchor"></a><code><a href="../../reference/duo.html">duo()</a></code>
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="kw">demo_function_call</span>(duo, <span class="dv">2</span>)</a></code></pre></div>
<pre><code>## ```r
## duo(primary_color = "#1F4257", secondary_color = "#F97B64")
## ```</code></pre>
<p><img src="../images/example_duo.png" width="900"></p>
</div>
<div id="duo_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#duo_accent" class="anchor"></a><code><a href="../../reference/duo_accent.html">duo_accent()</a></code>
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb12"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb12-1" data-line-number="1"><span class="kw">demo_function_call</span>(duo_accent, <span class="dv">2</span>)</a></code></pre></div>
<pre><code>## ```r
## duo_accent(primary_color = "#006747", secondary_color = "#CFC493")
## ```</code></pre>
<p><img src="../images/example_duo_accent.png" width="1350"></p>
</div>
<div id="duo_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#duo_accent_inverse" class="anchor"></a><code><a href="../../reference/duo_accent_inverse.html">duo_accent_inverse()</a></code>
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb14"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb14-1" data-line-number="1"><span class="kw">demo_function_call</span>(duo_accent_inverse, <span class="dv">2</span>)</a></code></pre></div>
<pre><code>## ```r
## duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493")
## ```</code></pre>
<p><img src="../images/example_duo_accent_inverse.png" width="1350"></p>
</div>
</div>
<div id="solarized" class="section level3">
<h3 class="hasAnchor">
<a href="#solarized" class="anchor"></a>Solarized</h3>
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../../reference/solarized_light.html">solarized_light()</a></code> and <code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="solarized_light" class="section level4">
<h4 class="hasAnchor">
<a href="#solarized_light" class="anchor"></a><code><a href="../../reference/solarized_light.html">solarized_light()</a></code>
</h4>
<div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1"><span class="kw">demo_function_call</span>(solarized_light, <span class="dv">0</span>)</a></code></pre></div>
<pre><code>## ```r
## solarized_light()
## ```</code></pre>
<p><img src="../images/example_solarized_light.png" width="900"></p>
</div>
<div id="solarized_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#solarized_dark" class="anchor"></a><code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>
</h4>
<div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1"><span class="kw">demo_function_call</span>(solarized_dark, <span class="dv">0</span>)</a></code></pre></div>
<pre><code>## ```r
## solarized_dark()
## ```</code></pre>
<p><img src="../images/example_solarized_dark.png" width="900"></p>
<p>To do this, your YAML header should look more-or-less like this:</p>
<div class="sourceCode" id="cb20"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb20-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb20-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb20-3" data-line-number="3"> <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
<a class="sourceLine" id="cb20-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb20-5" data-line-number="5"> <span class="fu">nature:</span></a>
<a class="sourceLine" id="cb20-6" data-line-number="6"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
<a class="sourceLine" id="cb20-7" data-line-number="7"> <span class="fu">highlightLines:</span><span class="at"> true</span></a>
<a class="sourceLine" id="cb20-8" data-line-number="8"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
</div>
</div>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<div id="tocnav">
<h2 class="hasAnchor">
<a href="#tocnav" class="anchor"></a>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#xaringanthemer-theme-functions">xaringanthemer Theme Functions</a></li>
</ul>
</div>
</div>

</div>


<footer><div class="copyright">
<p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>

+ 21
- 21
docs/articles/css-help.html Datei anzeigen

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><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.0">
<title>xaringanthemer CSS Help • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script><meta property="og:title" content="xaringanthemer CSS Help">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
<!-- 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]-->
@@ -22,14 +22,15 @@
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -102,12 +103,12 @@
<p>This vignette cover some basic CSS, in particular to give an idea about the possible values you can use with the various arguments to the xaringan theme functions. See <code><a href="../articles/template-variables.html">vignette("template-variables", package = "xaringanthemer")</a></code> for a full list of the theme functions.</p>
<p>Because we are setting the CSS properties from R, we can either give <strong>xaringanthemer</strong> function arguments a character string or we can call an R function or variable that returns a character string. For example, we can create an R variable with a specific color that is used in several places in a theme</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1">firebrick &lt;-<span class="st"> "#CD2626"</span></a>
<a class="sourceLine" id="cb1-2" data-line-number="2"><span class="kw"><a href="../reference/write_xaringan_theme.html">write_xaringan_theme</a></span>(</a>
<a class="sourceLine" id="cb1-2" data-line-number="2"><span class="kw"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(</a>
<a class="sourceLine" id="cb1-3" data-line-number="3"> <span class="dt">header_color =</span> firebrick,</a>
<a class="sourceLine" id="cb1-4" data-line-number="4"> <span class="dt">link_color =</span> firebrick</a>
<a class="sourceLine" id="cb1-5" data-line-number="5">)</a></code></pre></div>
<p>or we can directly give the character string</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../reference/write_xaringan_theme.html">write_xaringan_theme</a></span>(</a>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(</a>
<a class="sourceLine" id="cb2-2" data-line-number="2"> <span class="dt">header_color =</span> <span class="st">"#CD2626"</span>,</a>
<a class="sourceLine" id="cb2-3" data-line-number="3"> <span class="dt">link_color =</span> <span class="st">"#CD2626"</span></a>
<a class="sourceLine" id="cb2-4" data-line-number="4">)</a></code></pre></div>
@@ -116,7 +117,7 @@
<a class="sourceLine" id="cb3-2" data-line-number="2"> <span class="kw">color</span>: <span class="dv">#CD2626</span>;</a>
<a class="sourceLine" id="cb3-3" data-line-number="3">}</a></code></pre></div>
<p>Note that when a string is given to the theme function, the outer quotes are removed.</p>
<p>In the sections below, R code is represented without quotes – like <code>rgb(0.8, 0.15, 0.15)</code> – and CSS code is represented inside quotes – like <code>"rgb(205, 38, 38)"</code> – to differentiate between R and CSS functions with the same or similar names.</p>
<p>In the sections below, R code is represented without quotes – like <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb(0.8, 0.15, 0.15)</a></code> – and CSS code is represented inside quotes – like <code>"rgb(205, 38, 38)"</code> – to differentiate between R and CSS functions with the same or similar names.</p>
</div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
@@ -168,15 +169,15 @@
<p>In R, there are a number of ways to specify a color:</p>
<ul>
<li>
<p>Use <code>rgb(205, 38, 38, maxColorValue = 255)</code> as an equivalent to the CSS <code>"rgb()"</code> function.</p>
<p>Use <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb(205, 38, 38, maxColorValue = 255)</a></code> as an equivalent to the CSS <code>"rgb()"</code> function.</p>
<ul>
<li>Without the <code>maxColorValue</code> argument, the <code>rgb()</code> function expects decimal numbers in the range [0, 1], like <code>rgb(0.8039, 0.1490, 0.1490)</code>.</li>
<li>The <code>rgb()</code> function also sets transparency via the <code>alpha</code> argument (in the [0, 1] range).</li>
<li>Without the <code>maxColorValue</code> argument, the <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb()</a></code> function expects decimal numbers in the range [0, 1], like <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb(0.8039, 0.1490, 0.1490)</a></code>.</li>
<li>The <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb()</a></code> function also sets transparency via the <code>alpha</code> argument (in the [0, 1] range).</li>
</ul>
</li>
<li>
<p>You can get the hexadecimal representation of a built-in R color using the <code>col2rgb()</code> function together with the <code>rgb()</code> function:</p>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw">rgb</span>(<span class="kw">t</span>(<span class="kw">col2rgb</span>(<span class="st">"red"</span>)), <span class="dt">maxColorValue =</span> <span class="dv">255</span>)</a>
<p>You can get the hexadecimal representation of a built-in R color using the <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/col2rgb">col2rgb()</a></code> function together with the <code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb()</a></code> function:</p>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb</a></span>(<span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/t">t</a></span>(<span class="kw"><a href="https://www.rdocumentation.org/packages/grDevices/topics/col2rgb">col2rgb</a></span>(<span class="st">"red"</span>)), <span class="dt">maxColorValue =</span> <span class="dv">255</span>)</a>
<a class="sourceLine" id="cb4-2" data-line-number="2"><span class="co">#&gt; [1] "#FF0000"</span></a></code></pre></div>
</li>
</ul>
@@ -203,7 +204,7 @@
</dd>
</dl>
<p>To make this more concrete, here is a simple “page” containing a section header and two paragraphs.</p>
<div class="sourceCode" id="cb5"><pre class="sourceCode html"><code class="sourceCode html"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw">&lt;div</span><span class="ot"> class=</span><span class="st">"page"</span><span class="kw">&gt;</span></a>
<div class="sourceCode" id="cb5"><pre class="sourceCode html"><code class="sourceCode html"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw">&lt;div</span><span class="ot"> class=</span><span class="st">"page"</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/Comparison">&gt;</a></span></a>
<a class="sourceLine" id="cb5-2" data-line-number="2"> <span class="kw">&lt;h1&gt;</span>Section 1<span class="kw">&lt;/h1&gt;</span></a>
<a class="sourceLine" id="cb5-3" data-line-number="3"> <span class="kw">&lt;p&gt;</span>This is paragraph 1...<span class="kw">&lt;/p&gt;</span></a>
<a class="sourceLine" id="cb5-4" data-line-number="4"> <span class="kw">&lt;p&gt;</span>This is paragraph 2...<span class="kw">&lt;/p&gt;</span></a>
@@ -267,9 +268,9 @@
</dd>
</dl>
<p>If you want something to appear in a specific position on your slide, you’ll need to use the <code>extra_css</code> argument of the <strong>xaringanthemer</strong> functions. For example, lets say you want a 300px by 300px box to appear on the right side of your slide, you’ll need to create a special css class:</p>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../reference/write_xaringan_theme.html">write_xaringan_theme</a></span>(</a>
<a class="sourceLine" id="cb8-2" data-line-number="2"> <span class="dt">extra_css =</span> <span class="kw">list</span>(</a>
<a class="sourceLine" id="cb8-3" data-line-number="3"> <span class="st">".box-right"</span> =<span class="st"> </span><span class="kw">list</span>(</a>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(</a>
<a class="sourceLine" id="cb8-2" data-line-number="2"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(</a>
<a class="sourceLine" id="cb8-3" data-line-number="3"> <span class="st">".box-right"</span> =<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(</a>
<a class="sourceLine" id="cb8-4" data-line-number="4"> <span class="st">"height"</span> =<span class="st"> "300px"</span>,</a>
<a class="sourceLine" id="cb8-5" data-line-number="5"> <span class="st">"width"</span> =<span class="st"> "300px"</span>,</a>
<a class="sourceLine" id="cb8-6" data-line-number="6"> <span class="st">"position"</span> =<span class="st"> "absolute"</span>,</a>
@@ -315,9 +316,8 @@ Stuff inside the box
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 12
- 11
docs/articles/index.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Articles • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -35,7 +35,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -51,14 +52,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -139,9 +141,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 14
- 14
docs/articles/singles/fonts.html Datei anzeigen

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><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.0">
<title>Fonts • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
<script src="../../pkgdown.js"></script><meta property="og:title" content="Fonts">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
<!-- 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]-->
@@ -22,14 +22,15 @@
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -99,21 +100,21 @@
<p>Yihui picked out great fonts for the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, but sometimes you want something new and interesting.</p>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_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. See <code><a href="../../reference/google_font.html">?google_font</a></code> for more info.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/style_mono_light.html">style_mono_light</a></span>(</a>
<a class="sourceLine" id="cb1-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a>
<a class="sourceLine" id="cb1-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a>
<a class="sourceLine" id="cb1-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a>
<a class="sourceLine" id="cb1-5" data-line-number="5">)</a></code></pre></div>
<p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p>
<p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_dark.html">solarized_dark</a></span>(</a>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/style_solarized_dark.html">style_solarized_dark</a></span>(</a>
<a class="sourceLine" id="cb2-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a>
<a class="sourceLine" id="cb2-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a>
<a class="sourceLine" id="cb2-4" data-line-number="4">)</a></code></pre></div>
<p>If you need to import additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, you can 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.</p>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
<a class="sourceLine" id="cb3-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw">list</span>(<span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
<a class="sourceLine" id="cb3-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw">list</span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/style_mono_light.html">style_mono_light</a></span>(</a>
<a class="sourceLine" id="cb3-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
<a class="sourceLine" id="cb3-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
<a class="sourceLine" id="cb3-4" data-line-number="4">)</a></code></pre></div>
</div>

@@ -128,9 +129,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 38
- 38
docs/articles/singles/themes.html Datei anzeigen

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><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.0">
<title>Themes • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
<script src="../../pkgdown.js"></script><meta property="og:title" content="Themes">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
<!-- 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]-->
@@ -22,14 +22,15 @@
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -99,36 +100,36 @@
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
<p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
<div id="mono_light" class="section level4">
<div id="style_mono_light" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_light" class="anchor"></a><code><a href="../../reference/mono_light.html">mono_light()</a></code>
<a href="#style_mono_light" class="anchor"></a><code><a href="../../reference/style_mono_light.html">style_mono_light()</a></code>
</h4>
<p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(<span class="dt">base_color =</span> <span class="st">"#23395b"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/style_mono_light.html">style_mono_light</a></span>(<span class="dt">base_color =</span> <span class="st">"#23395b"</span>)</a></code></pre></div>
<p><img src="../images/example_mono_light.png" width="900"></p>
</div>
<div id="mono_dark" class="section level4">
<div id="style_mono_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_dark" class="anchor"></a><code><a href="../../reference/mono_dark.html">mono_dark()</a></code>
<a href="#style_mono_dark" class="anchor"></a><code><a href="../../reference/style_mono_dark.html">style_mono_dark()</a></code>
</h4>
<p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_dark.html">mono_dark</a></span>(<span class="dt">base_color =</span> <span class="st">"#cbf7ed"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/style_mono_dark.html">style_mono_dark</a></span>(<span class="dt">base_color =</span> <span class="st">"#cbf7ed"</span>)</a></code></pre></div>
<p><img src="../images/example_mono_dark.png" width="900"></p>
</div>
<div id="mono_accent" class="section level4">
<div id="style_mono_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_accent" class="anchor"></a><code><a href="../../reference/mono_accent.html">mono_accent()</a></code>
<a href="#style_mono_accent" class="anchor"></a><code><a href="../../reference/style_mono_accent.html">style_mono_accent()</a></code>
</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="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_accent.html">mono_accent</a></span>(<span class="dt">base_color =</span> <span class="st">"#43418A"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/style_mono_accent.html">style_mono_accent</a></span>(<span class="dt">base_color =</span> <span class="st">"#43418A"</span>)</a></code></pre></div>
<p><img src="../images/example_mono_accent.png" width="900"></p>
</div>
<div id="mono_accent_inverse" class="section level4">
<div id="style_mono_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_accent_inverse" class="anchor"></a><code><a href="../../reference/mono_accent_inverse.html">mono_accent_inverse()</a></code>
<a href="#style_mono_accent_inverse" class="anchor"></a><code><a href="../../reference/style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code>
</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="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_accent_inverse.html">mono_accent_inverse</a></span>(<span class="dt">base_color =</span> <span class="st">"#3C989E"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="../../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(<span class="dt">base_color =</span> <span class="st">"#3C989E"</span>)</a></code></pre></div>
<p><img src="../images/example_mono_accent_inverse.png" width="900"></p>
</div>
</div>
@@ -136,53 +137,53 @@
<h3 class="hasAnchor">
<a href="#duotone" class="anchor"></a>Duotone</h3>
<p>These themes build from two (ideally) complementary colors.</p>
<div id="duo" class="section level4">
<div id="style_duo" class="section level4">
<h4 class="hasAnchor">
<a href="#duo" class="anchor"></a><code><a href="../../reference/duo.html">duo()</a></code>
<a href="#style_duo" class="anchor"></a><code><a href="../../reference/style_duo.html">style_duo()</a></code>
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw"><a href="../../reference/duo.html">duo</a></span>(<span class="dt">primary_color =</span> <span class="st">"#1F4257"</span>, <span class="dt">secondary_color =</span> <span class="st">"#F97B64"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw"><a href="../../reference/style_duo.html">style_duo</a></span>(<span class="dt">primary_color =</span> <span class="st">"#1F4257"</span>, <span class="dt">secondary_color =</span> <span class="st">"#F97B64"</span>)</a></code></pre></div>
<p><img src="../images/example_duo.png" width="900"></p>
</div>
<div id="duo_accent" class="section level4">
<div id="style_duo_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#duo_accent" class="anchor"></a><code><a href="../../reference/duo_accent.html">duo_accent()</a></code>
<a href="#style_duo_accent" class="anchor"></a><code><a href="../../reference/style_duo_accent.html">style_duo_accent()</a></code>
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw"><a href="../../reference/duo_accent.html">duo_accent</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw"><a href="../../reference/style_duo_accent.html">style_duo_accent</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<p><img src="../images/example_duo_accent.png" width="1350"></p>
</div>
<div id="duo_accent_inverse" class="section level4">
<div id="style_duo_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#duo_accent_inverse" class="anchor"></a><code><a href="../../reference/duo_accent_inverse.html">duo_accent_inverse()</a></code>
<a href="#style_duo_accent_inverse" class="anchor"></a><code><a href="../../reference/style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code>
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw"><a href="../../reference/duo_accent_inverse.html">duo_accent_inverse</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw"><a href="../../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<p><img src="../images/example_duo_accent_inverse.png" width="1350"></p>
</div>
</div>
<div id="solarized" class="section level3">
<h3 class="hasAnchor">
<a href="#solarized" class="anchor"></a>Solarized</h3>
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../../reference/solarized_light.html">solarized_light()</a></code> and <code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="solarized_light" class="section level4">
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="style_solarized_light" class="section level4">
<h4 class="hasAnchor">
<a href="#solarized_light" class="anchor"></a><code><a href="../../reference/solarized_light.html">solarized_light()</a></code>
<a href="#style_solarized_light" class="anchor"></a><code><a href="../../reference/style_solarized_light.html">style_solarized_light()</a></code>
</h4>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_light.html">solarized_light</a></span>()</a></code></pre></div>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../../reference/style_solarized_light.html">style_solarized_light</a></span>()</a></code></pre></div>
<p><img src="../images/example_solarized_light.png" width="900"></p>
</div>
<div id="solarized_dark" class="section level4">
<div id="style_solarized_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#solarized_dark" class="anchor"></a><code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>
<a href="#style_solarized_dark" class="anchor"></a><code><a href="../../reference/style_solarized_dark.html">style_solarized_dark()</a></code>
</h4>
<div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_dark.html">solarized_dark</a></span>()</a></code></pre></div>
<div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw"><a href="../../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</a></code></pre></div>
<p><img src="../images/example_solarized_dark.png" width="900"></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"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb10-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb10-3" data-line-number="3"> <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
<a class="sourceLine" id="cb10-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb10-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/Extract">[</a></span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb10-5" data-line-number="5"> <span class="fu">nature:</span></a>
<a class="sourceLine" id="cb10-6" data-line-number="6"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
<a class="sourceLine" id="cb10-7" data-line-number="7"> <span class="fu">highlightLines:</span><span class="at"> true</span></a>
@@ -202,9 +203,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 61
- 24
docs/articles/template-variables.html Datei anzeigen

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><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.0">
<title>Template Variables • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script><meta property="og:title" content="Template Variables">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
<!-- 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]-->
@@ -22,14 +22,15 @@
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -98,7 +99,7 @@
<p>The following table shows the template variables, their default values in the standard <code>xaringan</code> theme, the primary element to which the property is applied, and a brief description of the template variable.</p>
<p>For example, <code>background_color</code> by default sets the <code>background-color</code> CSS property of the <code>.remark-slide-content</code> class to <code>#FFF</code>.</p>
<p>Use this table to find the template variable you would like to modify. You can also use this table to find the CSS class or element associated with a particular template item.</p>
<p>Note that themes, like <code><a href="../reference/mono_accent.html">mono_accent()</a></code>, have additional parameters, but with any theme function you can override the theme by directly setting the arguments below when calling the theme function. For example, to use <code><a href="../reference/mono_accent.html">mono_accent()</a></code> with a different slide background color, you can call <code><a href="../reference/mono_accent.html">mono_accent(background_color = "#abc123")</a></code>.</p>
<p>Note that themes, like <code><a href="../reference/xaringanthemer-deprecated.html">mono_accent()</a></code>, have additional parameters, but with any theme function you can override the theme by directly setting the arguments below when calling the theme function. For example, to use <code><a href="../reference/xaringanthemer-deprecated.html">mono_accent()</a></code> with a different slide background color, you can call <code><a href="../reference/xaringanthemer-deprecated.html">mono_accent(background_color = "#abc123")</a></code>.</p>
<table class="table">
<thead><tr class="header">
<th align="left">variable</th>
@@ -127,13 +128,13 @@
</tr>
<tr class="even">
<td align="left"><code>link_color</code></td>
<td align="left"><code>rgb(249, 38, 114)</code></td>
<td align="left"><code><a href="https://www.rdocumentation.org/packages/grDevices/topics/rgb">rgb(249, 38, 114)</a></code></td>
<td align="left">a, a &gt; code</td>
<td align="left">Link Color</td>
</tr>
<tr class="odd">
<td align="left"><code>text_bold_color</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">strong</td>
<td align="left">Bold Text Color</td>
</tr>
@@ -145,27 +146,28 @@
</tr>
<tr class="odd">
<td align="left"><code>padding</code></td>
<td align="left"><code>1em 4em 1em 4em</code></td>
<td align="left"><code>1rem 4rem 1rem 4rem</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Slide Padding in <code>top right [bottom left]</code> format</td>
</tr>
<tr class="even">
<td align="left"><code>background_image</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide.</td>
<td align="left">Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide</td>
</tr>
<tr class="odd">
<td align="left"><code>background_size</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.</td>
<td align="left">Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent</td>
</tr>
<tr class="even">
<td align="left"><code>background_position</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.</td>
<td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>
</td>
</tr>
<tr class="odd">
<td align="left"><code>code_highlight_color</code></td>
@@ -181,7 +183,7 @@
</tr>
<tr class="odd">
<td align="left"><code>code_inline_background_color</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.remark-inline-code</td>
<td align="left">Inline Code Background Color</td>
</tr>
@@ -229,25 +231,25 @@
</tr>
<tr class="odd">
<td align="left"><code>title_slide_background_image</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.title-slide</td>
<td align="left">Title Slide Background Image URL</td>
</tr>
<tr class="even">
<td align="left"><code>title_slide_background_size</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.title-slide</td>
<td align="left">Title Slide Background Image Size, defaults to “cover” if background image is set</td>
</tr>
<tr class="odd">
<td align="left"><code>title_slide_background_position</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.title-slide</td>
<td align="left">Title Slide Background Image Position</td>
</tr>
<tr class="even">
<td align="left"><code>footnote_color</code></td>
<td align="left"><code>NA</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">.footnote</td>
<td align="left">Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>)</td>
</tr>
@@ -324,6 +326,42 @@
<td align="left">h3 Header Text Font Size</td>
</tr>
<tr class="odd">
<td align="left"><code>header_background_auto</code></td>
<td align="left"><code>FALSE</code></td>
<td align="left"></td>
<td align="left">Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable</td>
</tr>
<tr class="even">
<td align="left"><code>header_background_color</code></td>
<td align="left"><code>header_color</code></td>
<td align="left">.remark-slide-content h1</td>
<td align="left">Background Color for h1 Header with Background</td>
</tr>
<tr class="odd">
<td align="left"><code>header_background_text_color</code></td>
<td align="left"><code>background_color</code></td>
<td align="left">.remark-slide-content h1</td>
<td align="left">Text Color for h1 Header with Background</td>
</tr>
<tr class="even">
<td align="left"><code>header_background_padding</code></td>
<td align="left"><code>2rem 4rem 1.5rem 4rem</code></td>
<td align="left">.remark-slide-content h1</td>
<td align="left">Padding for h1 Header with Background</td>
</tr>
<tr class="odd">
<td align="left"><code>header_background_content_padding_top</code></td>
<td align="left"><code>7rem</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Top Padding for Content in Slide with Header with Background</td>
</tr>
<tr class="even">
<td align="left"><code>header_background_ignore_classes</code></td>
<td align="left"><code><a href="https://www.rdocumentation.org/packages/base/topics/c">c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Slide Classes Where Header with Background will not be Applied</td>
</tr>
<tr class="odd">
<td align="left"><code>text_slide_number_font_size</code></td>
<td align="left"><code>0.9em</code></td>
<td align="left">.remark-slide-number</td>
@@ -437,9 +475,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 60
- 60
docs/articles/xaringanthemer.html Datei anzeigen

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><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.0">
<title>Xaringan CSS Theme Generator • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script><meta property="og:title" content="Xaringan CSS Theme Generator">
<meta property="og:description" content="">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
<!-- 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]-->
@@ -22,14 +22,15 @@
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -119,15 +120,15 @@ https://yihui.name/knitr/demo/externalization/ -->
<a class="sourceLine" id="cb1-3" data-line-number="3"> <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
<a class="sourceLine" id="cb1-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></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"><a class="sourceLine" id="cb2-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
<a class="sourceLine" id="cb2-2" data-line-number="2">library(xaringanthemer)</a>
<a class="sourceLine" id="cb2-3" data-line-number="3">mono_light(</a>
<a class="sourceLine" id="cb2-4" data-line-number="4"> base_color = "#1c5253",</a>
<a class="sourceLine" id="cb2-5" data-line-number="5"> header_font_google = google_font("Josefin Sans"),</a>
<a class="sourceLine" id="cb2-6" data-line-number="6"> text_font_google = google_font("Montserrat", "300", "300i"),</a>
<a class="sourceLine" id="cb2-7" data-line-number="7"> code_font_google = google_font("Droid Mono")</a>
<a class="sourceLine" id="cb2-8" data-line-number="8">)</a>
<a class="sourceLine" id="cb2-9" data-line-number="9">```</a></code></pre></div>
<div class="sourceCode" id="cb2"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="bn">```{r xaringan-themer, include = FALSE}</span></a>
<a class="sourceLine" id="cb2-2" data-line-number="2"><span class="bn">library(xaringanthemer)</span></a>
<a class="sourceLine" id="cb2-3" data-line-number="3"><span class="bn">style_mono_light(</span></a>
<a class="sourceLine" id="cb2-4" data-line-number="4"><span class="bn"> base_color = "#1c5253",</span></a>
<a class="sourceLine" id="cb2-5" data-line-number="5"><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></a>
<a class="sourceLine" id="cb2-6" data-line-number="6"><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></a>
<a class="sourceLine" id="cb2-7" data-line-number="7"><span class="bn"> code_font_google = google_font("Droid Mono")</span></a>
<a class="sourceLine" id="cb2-8" data-line-number="8"><span class="bn">)</span></a>
<a class="sourceLine" id="cb2-9" data-line-number="9"><span class="bn">```</span></a></code></pre></div>
<p><img src="images/example_mono_light_1c5253.png" width="100%"></p>
<div id="tab-completion" class="section level3">
<h3 class="hasAnchor">
@@ -151,36 +152,36 @@ https://yihui.name/knitr/demo/externalization/ -->
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
<p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
<div id="mono_light" class="section level4">
<div id="style_mono_light" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_light" class="anchor"></a><code><a href="../reference/mono_light.html">mono_light()</a></code>
<a href="#style_mono_light" class="anchor"></a><code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>
</h4>
<p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../reference/mono_light.html">mono_light</a></span>(<span class="dt">base_color =</span> <span class="st">"#23395b"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(<span class="dt">base_color =</span> <span class="st">"#23395b"</span>)</a></code></pre></div>
<p><img src="images/example_mono_light.png" width="100%"></p>
</div>
<div id="mono_dark" class="section level4">
<div id="style_mono_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_dark" class="anchor"></a><code><a href="../reference/mono_dark.html">mono_dark()</a></code>
<a href="#style_mono_dark" class="anchor"></a><code><a href="../reference/style_mono_dark.html">style_mono_dark()</a></code>
</h4>
<p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="../reference/mono_dark.html">mono_dark</a></span>(<span class="dt">base_color =</span> <span class="st">"#cbf7ed"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(<span class="dt">base_color =</span> <span class="st">"#cbf7ed"</span>)</a></code></pre></div>
<p><img src="images/example_mono_dark.png" width="100%"></p>
</div>
<div id="mono_accent" class="section level4">
<div id="style_mono_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_accent" class="anchor"></a><code><a href="../reference/mono_accent.html">mono_accent()</a></code>
<a href="#style_mono_accent" class="anchor"></a><code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>
</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="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw"><a href="../reference/mono_accent.html">mono_accent</a></span>(<span class="dt">base_color =</span> <span class="st">"#43418A"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(<span class="dt">base_color =</span> <span class="st">"#43418A"</span>)</a></code></pre></div>
<p><img src="images/example_mono_accent.png" width="100%"></p>
</div>
<div id="mono_accent_inverse" class="section level4">
<div id="style_mono_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#mono_accent_inverse" class="anchor"></a><code><a href="../reference/mono_accent_inverse.html">mono_accent_inverse()</a></code>
<a href="#style_mono_accent_inverse" class="anchor"></a><code><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code>
</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="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw"><a href="../reference/mono_accent_inverse.html">mono_accent_inverse</a></span>(<span class="dt">base_color =</span> <span class="st">"#3C989E"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(<span class="dt">base_color =</span> <span class="st">"#3C989E"</span>)</a></code></pre></div>
<p><img src="images/example_mono_accent_inverse.png" width="100%"></p>
</div>
</div>
@@ -188,53 +189,53 @@ https://yihui.name/knitr/demo/externalization/ -->
<h3 class="hasAnchor">
<a href="#duotone" class="anchor"></a>Duotone</h3>
<p>These themes build from two (ideally) complementary colors.</p>
<div id="duo" class="section level4">
<div id="style_duo" class="section level4">
<h4 class="hasAnchor">
<a href="#duo" class="anchor"></a><code><a href="../reference/duo.html">duo()</a></code>
<a href="#style_duo" class="anchor"></a><code><a href="../reference/style_duo.html">style_duo()</a></code>
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw"><a href="../reference/duo.html">duo</a></span>(<span class="dt">primary_color =</span> <span class="st">"#1F4257"</span>, <span class="dt">secondary_color =</span> <span class="st">"#F97B64"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw"><a href="../reference/style_duo.html">style_duo</a></span>(<span class="dt">primary_color =</span> <span class="st">"#1F4257"</span>, <span class="dt">secondary_color =</span> <span class="st">"#F97B64"</span>)</a></code></pre></div>
<p><img src="images/example_duo.png" width="100%"></p>
</div>
<div id="duo_accent" class="section level4">
<div id="style_duo_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#duo_accent" class="anchor"></a><code><a href="../reference/duo_accent.html">duo_accent()</a></code>
<a href="#style_duo_accent" class="anchor"></a><code><a href="../reference/style_duo_accent.html">style_duo_accent()</a></code>
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../reference/duo_accent.html">duo_accent</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<p><img src="images/example_duo_accent.png" width="100%"></p>
</div>
<div id="duo_accent_inverse" class="section level4">
<div id="style_duo_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#duo_accent_inverse" class="anchor"></a><code><a href="../reference/duo_accent_inverse.html">duo_accent_inverse()</a></code>
<a href="#style_duo_accent_inverse" class="anchor"></a><code><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code>
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw"><a href="../reference/duo_accent_inverse.html">duo_accent_inverse</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
<p><img src="images/example_duo_accent_inverse.png" width="100%"></p>
</div>
</div>
<div id="solarized" class="section level3">
<h3 class="hasAnchor">
<a href="#solarized" class="anchor"></a>Solarized</h3>
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/solarized_light.html">solarized_light()</a></code> and <code><a href="../reference/solarized_dark.html">solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="solarized_light" class="section level4">
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="style_solarized_light" class="section level4">
<h4 class="hasAnchor">
<a href="#solarized_light" class="anchor"></a><code><a href="../reference/solarized_light.html">solarized_light()</a></code>
<a href="#style_solarized_light" class="anchor"></a><code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code>
</h4>
<div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="kw"><a href="../reference/solarized_light.html">solarized_light</a></span>()</a></code></pre></div>
<div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="kw"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()</a></code></pre></div>
<p><img src="images/example_solarized_light.png" width="100%"></p>
</div>
<div id="solarized_dark" class="section level4">
<div id="style_solarized_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#solarized_dark" class="anchor"></a><code><a href="../reference/solarized_dark.html">solarized_dark()</a></code>
<a href="#style_solarized_dark" class="anchor"></a><code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>
</h4>
<div class="sourceCode" id="cb11"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb11-1" data-line-number="1"><span class="kw"><a href="../reference/solarized_dark.html">solarized_dark</a></span>()</a></code></pre></div>
<div class="sourceCode" id="cb11"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb11-1" data-line-number="1"><span class="kw"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</a></code></pre></div>
<p><img src="images/example_solarized_dark.png" width="100%"></p>
<p>To do this, your YAML header should look more-or-less like this:</p>
<div class="sourceCode" id="cb12"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb12-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb12-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb12-3" data-line-number="3"> <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
<a class="sourceLine" id="cb12-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb12-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/Extract">[</a></span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb12-5" data-line-number="5"> <span class="fu">nature:</span></a>
<a class="sourceLine" id="cb12-6" data-line-number="6"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
<a class="sourceLine" id="cb12-7" data-line-number="7"> <span class="fu">highlightLines:</span><span class="at"> true</span></a>
@@ -245,9 +246,9 @@ https://yihui.name/knitr/demo/externalization/ -->
<div id="theme-settings" class="section level2">
<h2 class="hasAnchor">
<a href="#theme-settings" class="anchor"></a>Theme Settings</h2>
<p>The theme functions listed above are just wrappers around the central function of this package, <code><a href="../reference/write_xaringan_theme.html">write_xaringan_theme()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p>
<p>The theme functions listed above are just wrappers around the central function of this package, <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p>
<p>All of the theme template variables are repeated in each of the theme functions (instead of relying on <code>...</code>) so that you can use autocompletion to find and change the defaults for any theme function. To override the default value of any theme functions, set the appropriate argument in the theme function. A table of all template variables is included in <a href="template-variables.html"><code><a href="../articles/template-variables.html">vignette("template-variables", "xaringanthemer")</a></code></a>.</p>
<p>As an example, try loading <code>xaringanthemer</code>, type out <code>duo_theme(</code> and then press <kbd>Tab</kbd> to see all of the theme options.</p>
<p>As an example, try loading <code>xaringanthemer</code>, type out <code>style_duo_theme(</code> and then press <kbd>Tab</kbd> to see all of the theme options.</p>
<p>All of the theme options are named so that you first think of the element you want to change, then the property of that element.</p>
<p>Here are some of the <code>text_</code> theme options:</p>
<ul>
@@ -271,17 +272,17 @@ https://yihui.name/knitr/demo/externalization/ -->
<h2 class="hasAnchor">
<a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</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="cb13"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb13-1" data-line-number="1">extra_css &lt;-<span class="st"> </span><span class="kw">list</span>(</a>
<a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="st">".red"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="dt">color =</span> <span class="st">"red"</span>),</a>
<a class="sourceLine" id="cb13-3" data-line-number="3"> <span class="st">".small"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="st">"font-size"</span> =<span class="st"> "90%"</span>),</a>
<a class="sourceLine" id="cb13-4" data-line-number="4"> <span class="st">".full-width"</span> =<span class="st"> </span><span class="kw">list</span>(</a>
<div class="sourceCode" id="cb13"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb13-1" data-line-number="1">extra_css &lt;-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(</a>
<a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="st">".red"</span> =<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="dt">color =</span> <span class="st">"red"</span>),</a>
<a class="sourceLine" id="cb13-3" data-line-number="3"> <span class="st">".small"</span> =<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="st">"font-size"</span> =<span class="st"> "90%"</span>),</a>
<a class="sourceLine" id="cb13-4" data-line-number="4"> <span class="st">".full-width"</span> =<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(</a>
<a class="sourceLine" id="cb13-5" data-line-number="5"> <span class="dt">display =</span> <span class="st">"flex"</span>,</a>
<a class="sourceLine" id="cb13-6" data-line-number="6"> <span class="dt">width =</span> <span class="st">"100%"</span>,</a>
<a class="sourceLine" id="cb13-7" data-line-number="7"> <span class="dt">flex =</span> <span class="st">"1 1 auto"</span></a>
<a class="sourceLine" id="cb13-8" data-line-number="8"> )</a>
<a class="sourceLine" id="cb13-9" data-line-number="9">)</a></code></pre></div>
<p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/write_extra_css.html">write_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="cb14"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb14-1" data-line-number="1"><span class="kw"><a href="../reference/write_extra_css.html">write_extra_css</a></span>(<span class="dt">css =</span> extra_css, <span class="dt">outfile =</span> <span class="st">"custom.css"</span>)</a></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="cb14"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb14-1" data-line-number="1"><span class="kw"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(<span class="dt">css =</span> extra_css, <span class="dt">outfile =</span> <span class="st">"custom.css"</span>)</a></code></pre></div>
<div class="sourceCode" id="cb15"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb15-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a>
<a class="sourceLine" id="cb15-2" data-line-number="2"><span class="fu">.red</span> {</a>
<a class="sourceLine" id="cb15-3" data-line-number="3"> <span class="kw">color</span>: <span class="dv">red</span>;</a>
@@ -303,21 +304,21 @@ https://yihui.name/knitr/demo/externalization/ -->
<p>Yihui picked out great fonts for the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, but sometimes you want something new and interesting.</p>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_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. See <code><a href="../reference/google_font.html">?google_font</a></code> for more info.</p>
<div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1"><span class="kw"><a href="../reference/mono_light.html">mono_light</a></span>(</a>
<div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(</a>
<a class="sourceLine" id="cb16-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a>
<a class="sourceLine" id="cb16-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a>
<a class="sourceLine" id="cb16-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a>
<a class="sourceLine" id="cb16-5" data-line-number="5">)</a></code></pre></div>
<p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p>
<p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p>
<div class="sourceCode" id="cb17"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb17-1" data-line-number="1"><span class="kw"><a href="../reference/solarized_dark.html">solarized_dark</a></span>(</a>
<div class="sourceCode" id="cb17"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb17-1" data-line-number="1"><span class="kw"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(</a>
<a class="sourceLine" id="cb17-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a>
<a class="sourceLine" id="cb17-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a>
<a class="sourceLine" id="cb17-4" data-line-number="4">)</a></code></pre></div>
<p>If you need to import additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, you can 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.</p>
<div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1"><span class="kw"><a href="../reference/mono_light.html">mono_light</a></span>(</a>
<a class="sourceLine" id="cb18-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw">list</span>(<span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
<a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw">list</span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
<div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(</a>
<a class="sourceLine" id="cb18-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
<a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
<a class="sourceLine" id="cb18-4" data-line-number="4">)</a></code></pre></div>
<hr>
<p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p>
@@ -348,9 +349,8 @@ https://yihui.name/knitr/demo/externalization/ -->
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 12
- 11
docs/authors.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Authors • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -35,7 +35,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -51,14 +52,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -136,9 +138,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 23
- 22
docs/index.html Datei anzeigen

@@ -1,20 +1,21 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><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.0">
<title>Xaringan CSS Theme Generator • xaringanthemer</title>
<!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><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">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
<script src="pkgdown.js"></script><meta property="og:title" content="Xaringan CSS Theme Generator">
<meta property="og:description" content="Create and edit your xaringan CSS files from within your R
R Markdown slide source. More technically, this package actually creates
valid remarkjs CSS themes that are easily used by xarangan.">
<meta property="og:description" content="Create and edit your xaringan CSS files from within
your R R Markdown slide source. More technically, this package
actually creates valid remarkjs CSS themes that are easily used by
xarangan.">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
<!-- 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]-->
@@ -24,14 +25,15 @@
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -101,7 +103,7 @@
<a href="#installation" class="anchor"></a>Installation</h2>
<p><strong>xaringanthemer</strong> currently lives on GitHub.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="co"># install.packages("devtools")</span></a>
<a class="sourceLine" id="cb1-2" data-line-number="2">devtools<span class="op">::</span><span class="kw"><a href="http://www.rdocumentation.org/packages/devtools/topics/install_github">install_github</a></span>(<span class="st">"gadenbuie/xaringanthemer"</span>)</a></code></pre></div>
<a class="sourceLine" id="cb1-2" data-line-number="2">devtools<span class="op">::</span><span class="kw"><a href="https://www.rdocumentation.org/packages/devtools/topics/reexports">install_github</a></span>(<span class="st">"gadenbuie/xaringanthemer"</span>)</a></code></pre></div>
</div>
<div id="usage" class="section level2">
<h2 class="hasAnchor">
@@ -113,15 +115,15 @@
<a class="sourceLine" id="cb2-3" data-line-number="3"> <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
<a class="sourceLine" id="cb2-4" data-line-number="4"> <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></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="articles/singles/themes.html">theme functions</a>.</p>
<div class="sourceCode" id="cb3"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb3-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
<a class="sourceLine" id="cb3-2" data-line-number="2">library(xaringanthemer)</a>
<a class="sourceLine" id="cb3-3" data-line-number="3">mono_light(</a>
<a class="sourceLine" id="cb3-4" data-line-number="4"> base_color = "#1c5253",</a>
<a class="sourceLine" id="cb3-5" data-line-number="5"> header_font_google = google_font("Josefin Sans"),</a>
<a class="sourceLine" id="cb3-6" data-line-number="6"> text_font_google = google_font("Montserrat", "300", "300i"),</a>
<a class="sourceLine" id="cb3-7" data-line-number="7"> code_font_google = google_font("Droid Mono")</a>
<a class="sourceLine" id="cb3-8" data-line-number="8">)</a>
<a class="sourceLine" id="cb3-9" data-line-number="9">```</a></code></pre></div>
<div class="sourceCode" id="cb3"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="bn">```{r xaringan-themer, include = FALSE}</span></a>
<a class="sourceLine" id="cb3-2" data-line-number="2"><span class="bn">library(xaringanthemer)</span></a>
<a class="sourceLine" id="cb3-3" data-line-number="3"><span class="bn">style_mono_light(</span></a>
<a class="sourceLine" id="cb3-4" data-line-number="4"><span class="bn"> base_color = "#1c5253",</span></a>
<a class="sourceLine" id="cb3-5" data-line-number="5"><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></a>
<a class="sourceLine" id="cb3-6" data-line-number="6"><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></a>
<a class="sourceLine" id="cb3-7" data-line-number="7"><span class="bn"> code_font_google = google_font("Droid Mono")</span></a>
<a class="sourceLine" id="cb3-8" data-line-number="8"><span class="bn">)</span></a>
<a class="sourceLine" id="cb3-9" data-line-number="9"><span class="bn">```</span></a></code></pre></div>
<p><img src="articles/images/example_mono_light_1c5253.png" width="100%"></p>
<div id="tab-completion" class="section level3">
<h3 class="hasAnchor">
@@ -176,9 +178,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 0
- 11
docs/jquery.sticky-kit.min.js Datei anzeigen

@@ -1,11 +0,0 @@
/* Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | */
/*
Source: https://github.com/leafo/sticky-kit
License: MIT
*/
(function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));
if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,
u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),
h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),
a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",
y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this);

+ 161
- 0
docs/news/index.html Datei anzeigen

@@ -0,0 +1,161 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Changelog • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<meta property="og:title" content="Changelog" />



<!-- 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>
<div class="container template-news">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Changelog <small></small></h1>
<small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
</div>

<div id="xaringanthemer-0-3-0" class="section level1">
<h1 class="page-header">
<a href="#xaringanthemer-0-3-0" class="anchor"></a>xaringanthemer 0.3.0</h1>
<ul>
<li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
<li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
<li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
</ul>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<div id="tocnav">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#xaringanthemer-0-3-0">0.3.0</a></li>
</ul>
</div>
</div>

</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 8
- 4
docs/pkgdown.css Datei anzeigen

@@ -58,9 +58,14 @@ img {
max-width: 100%;
}

/* Fix bug in bootstrap (only seen in firefox) */
summary {
display: list-item;
}

/* Typographic tweaking ---------------------------------*/

.contents h1.page-header {
.contents .page-header {
margin-top: calc(-60px + 1em);
}

@@ -136,10 +141,9 @@ a.anchor {
.ref-index th {font-weight: normal;}

.ref-index td {vertical-align: top;}
.ref-index .icon {width: 40px;}
.ref-index .alias {width: 40%;}
.ref-index .title {width: 60%;}

.ref-index .alias {width: 40%;}
.ref-index-icons .alias {width: calc(40% - 40px);}
.ref-index .title {width: 60%;}

.ref-arguments th {text-align: right; padding-right: 10px;}

+ 12
- 7
docs/pkgdown.js Datei anzeigen

@@ -25,9 +25,13 @@
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute("href") === "#")
continue;
var path = paths(links[i].pathname);
// Ignore external links
if (links[i].host !== location.host)
continue;

var nav_path = paths(links[i].pathname);

var length = prefix_length(cur_path, path);
var length = prefix_length(nav_path, cur_path);
if (length > max_length) {
max_length = length;
pos = i;
@@ -52,13 +56,14 @@
return(pieces);
}

// Returns -1 if not found
function prefix_length(needle, haystack) {
if (needle.length > haystack.length)
return(0);
return(-1);

// Special case for length-0 haystack, since for loop won't run
if (haystack.length === 0) {
return(needle.length === 0 ? 1 : 0);
return(needle.length === 0 ? 0 : -1);
}

for (var i = 0; i < haystack.length; i++) {
@@ -78,9 +83,9 @@
element.setAttribute('data-original-title', tooltipOriginalTitle);
}

if(Clipboard.isSupported()) {
if(ClipboardJS.isSupported()) {
$(document).ready(function() {
var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-hidden='true' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy' aria-hidden='true'></i></button>";
var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";

$(".examples, div.sourceCode").addClass("hasCopyButton");

@@ -91,7 +96,7 @@
$('.btn-copy-ex').tooltip({container: 'body'});

// Initialize clipboard:
var clipboardBtnCopies = new Clipboard('[data-clipboard-copy]', {
var clipboardBtnCopies = new ClipboardJS('[data-clipboard-copy]', {
text: function(trigger) {
return trigger.parentNode.textContent;
}

+ 2
- 2
docs/pkgdown.yml Datei anzeigen

@@ -1,5 +1,5 @@
pandoc: 2.2.1
pkgdown: 1.1.0
pandoc: 2.3.1
pkgdown: 1.3.0
pkgdown_sha: ~
articles:
css-help: css-help.html

+ 12
- 11
docs/reference/apply_alpha.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Add alpha to hex color — apply_alpha • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -40,7 +40,8 @@ and appending to the hex color." />


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -56,14 +57,15 @@ and appending to the hex color." />
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -165,9 +167,8 @@ and appending to the hex color.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 16
- 15
docs/reference/choose_dark_or_light.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Choose dark or light color — choose_dark_or_light • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -40,7 +40,8 @@ best contrast. Follows W3C Recommendations." />


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -56,14 +57,15 @@ best contrast. Follows W3C Recommendations." />
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -133,24 +135,24 @@ best contrast. Follows W3C Recommendations.</p>
</div>

<pre class="usage"><span class='fu'>choose_dark_or_light</span>(<span class='no'>x</span>, <span class='kw'>black</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>white</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>)</pre>
<pre class="usage"><span class='fu'>choose_dark_or_light</span>(<span class='no'>x</span>, <span class='kw'>black</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>, <span class='kw'>white</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>x</th>
<td><p>The background color</p></td>
<td><p>The background color (hex)</p></td>
</tr>
<tr>
<th>black</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/substitute'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td>
</tr>
<tr>
<th>white</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/substitute'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td>
</tr>
</table>
@@ -177,9 +179,8 @@ best contrast. Follows W3C Recommendations.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 195
- 0
docs/reference/get_xaringanthemer_value.html Datei anzeigen

@@ -0,0 +1,195 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Get the Value of xaringanthemer Style Setting — get_xaringanthemer_value • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<meta property="og:title" content="Get the Value of xaringanthemer Style Setting — get_xaringanthemer_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 name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Get the Value of xaringanthemer Style Setting</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
<div class="hidden name"><code>get_xaringanthemer_value.Rd</code></div>
</div>

<div class="ref-description">
<p>A helper function to retrieve the value of style settings as set by a
xaringanthemer style function, for use in plotting and other circumstances.</p>
</div>

<pre class="usage"><span class='fu'>get_xaringanthemer_value</span>(<span class='kw'>setting</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='st'>"header_background_content_padding_top"</span>,
<span class='st'>"table_row_border_color"</span>, <span class='st'>"text_bold_color"</span>, <span class='st'>"code_highlight_color"</span>,
<span class='st'>"footnote_color"</span>, <span class='st'>"text_slide_number_color"</span>,
<span class='st'>"table_row_even_background_color"</span>, <span class='st'>"title_slide_text_color"</span>,
<span class='st'>"background_color"</span>, <span class='st'>"extra_fonts"</span>, <span class='st'>"header_background_ignore_classes"</span>,
<span class='st'>"header_font_weight"</span>, <span class='st'>"title_slide_background_image"</span>, <span class='st'>"background_size"</span>,
<span class='st'>"header_h2_font_size"</span>, <span class='st'>"code_inline_font_size"</span>, <span class='st'>"text_font_google"</span>,
<span class='st'>"header_h1_font_size"</span>, <span class='st'>"header_background_padding"</span>, <span class='st'>"header_font_family"</span>,
<span class='st'>"code_font_url"</span>, <span class='st'>"text_font_url"</span>, <span class='st'>"footnote_position_bottom"</span>,
<span class='st'>"title_slide_background_position"</span>, <span class='st'>"code_inline_color"</span>, <span class='st'>"link_color"</span>,
<span class='st'>"left_column_selected_color"</span>, <span class='st'>"header_background_text_color"</span>,
<span class='st'>"inverse_text_color"</span>, <span class='st'>"text_color"</span>, <span class='st'>"code_inline_background_color"</span>,
<span class='st'>"extra_css"</span>, <span class='st'>"outfile"</span>, <span class='st'>"footnote_font_size"</span>, <span class='st'>"header_h3_font_size"</span>,
<span class='st'>"text_font_base"</span>, <span class='st'>"code_font_google"</span>, <span class='st'>"code_font_size"</span>,
<span class='st'>"title_slide_background_size"</span>, <span class='st'>"text_font_size"</span>, <span class='st'>"padding"</span>,
<span class='st'>"text_font_family"</span>, <span class='st'>"code_font_family"</span>, <span class='st'>"text_font_family_fallback"</span>,
<span class='st'>"blockquote_left_border_color"</span>, <span class='st'>"left_column_subtle_color"</span>,
<span class='st'>"table_border_color"</span>, <span class='st'>"inverse_background_color"</span>, <span class='st'>"header_color"</span>,
<span class='st'>"inverse_header_color"</span>, <span class='st'>"title_slide_background_color"</span>,
<span class='st'>"header_background_color"</span>, <span class='st'>"text_font_weight"</span>, <span class='st'>"background_image"</span>,
<span class='st'>"header_font_google"</span>, <span class='st'>"text_slide_number_font_size"</span>,
<span class='st'>"inverse_text_shadow"</span>, <span class='st'>"code_font_family_fallback"</span>, <span class='st'>"header_font_url"</span>,
<span class='st'>"background_position"</span>, <span class='st'>"header_background_auto"</span>))</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>setting</th>
<td><p>A xaringanthemer style setting</p></td>
</tr>
</table>

</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 39
- 16
docs/reference/google_font.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Specify Google Font — google_font • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -40,7 +40,8 @@ more of the language codes as given by google_language_codes()." />


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -56,14 +57,15 @@ more of the language codes as given by google_language_codes()." />
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -155,11 +157,33 @@ more of the language codes as given by <code><a href='google_language_codes.html

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>google_font</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>)</div><div class='output co'>#&gt; Family: Josefin Sans
#&gt; Weights: 400,400i,600i,700
#&gt; URL: https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='fu'>c</span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))</div><div class='output co'>#&gt; Family: Josefin Sans
#&gt; Langs: latin-ext,vietnamese
#&gt; URL: https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese</div></pre>
<pre class="examples"><div class='input'><span class='fu'>google_font</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>)</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
#&gt; [1] "400,400i,600i,700"
#&gt;
#&gt; $languages
#&gt; NULL
#&gt;
#&gt; $url
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
#&gt; NULL
#&gt;
#&gt; $languages
#&gt; [1] "latin-ext,vietnamese"
#&gt;
#&gt; $url
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
@@ -178,9 +202,8 @@ more of the language codes as given by <code><a href='google_language_codes.html
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 17
- 15
docs/reference/google_language_codes.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>List Valid Google Language Codes — google_language_codes • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -39,7 +39,8 @@ validates that the language codes given are valid." />


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -55,14 +56,15 @@ validates that the language codes given are valid." />
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -131,10 +133,11 @@ validates that the language codes given are valid.</p>
</div>

<pre class="usage"><span class='fu'>google_language_codes</span>(<span class='kw'>language_codes</span> <span class='kw'>=</span> <span class='fu'>c</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>))</pre>
<pre class="usage"><span class='fu'>google_language_codes</span>(<span class='kw'>language_codes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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>))</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -168,9 +171,8 @@ validates that the language codes given are valid.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 65
- 25
docs/reference/index.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Function reference • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -35,7 +35,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -51,14 +52,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -136,78 +138,110 @@
<tr>
<td>
<p><code><a href="write_extra_css.html">write_extra_css()</a></code> </p>
<p><code><a href="style_xaringan.html">style_xaringan()</a></code> </p>
</td>
<td><p>Write Extra CSS arguments</p></td>
<td><p>Write A Customized Xaringan Theme</p></td>
</tr><tr>
<td>
<p><code><a href="write_xaringan_theme.html">write_xaringan_theme()</a></code> </p>
<p><code><a href="style_extra_css.html">style_extra_css()</a></code> </p>
</td>
<td><p>Write A Customized Xaringan Theme</p></td>
<td><p>Add Extra CSS Styles</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-theme-functions" class="hasAnchor"><a href="#section-theme-functions" class="anchor"></a>Theme Functions</h2>
<p class="section-desc"><p>Color theme functions for xaringan slides.</p></p>
<p class="section-desc"><p>Parameterized styles for xaringan slides using one (mono) or two (duo) base colors. Bonus: slide styles base on the solarized color palette.</p></p>
</th>
</tr>
<tr>
<td>
<p><code><a href="mono_accent.html">mono_accent()</a></code> </p>
<p><code><a href="style_mono_accent.html">style_mono_accent()</a></code> </p>
</td>
<td><p>Monotone Accent Theme</p></td>
</tr><tr>
<td>
<p><code><a href="mono_accent_inverse.html">mono_accent_inverse()</a></code> </p>
<p><code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code> </p>
</td>
<td><p>Monotone Accent Inverse Theme</p></td>
</tr><tr>
<td>
<p><code><a href="mono_dark.html">mono_dark()</a></code> </p>
<p><code><a href="style_mono_dark.html">style_mono_dark()</a></code> </p>
</td>
<td><p>Monotone Dark Theme</p></td>
</tr><tr>
<td>
<p><code><a href="mono_light.html">mono_light()</a></code> </p>
<p><code><a href="style_mono_light.html">style_mono_light()</a></code> </p>
</td>
<td><p>Monotone Light Theme</p></td>
</tr><tr>
<td>
<p><code><a href="duo.html">duo()</a></code> </p>
<p><code><a href="style_duo.html">style_duo()</a></code> </p>
</td>
<td><p>Duotone Theme</p></td>
</tr><tr>
<td>
<p><code><a href="duo_accent.html">duo_accent()</a></code> </p>
<p><code><a href="style_duo_accent.html">style_duo_accent()</a></code> </p>
</td>
<td><p>Duotone Accent Theme</p></td>
</tr><tr>
<td>
<p><code><a href="duo_accent_inverse.html">duo_accent_inverse()</a></code> </p>
<p><code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code> </p>
</td>
<td><p>Duotone Accent Inverse Theme</p></td>
</tr><tr>
<td>
<p><code><a href="solarized_dark.html">solarized_dark()</a></code> </p>
<p><code><a href="style_solarized_dark.html">style_solarized_dark()</a></code> </p>
</td>
<td><p>Solarized Dark Theme</p></td>
</tr><tr>
<td>
<p><code><a href="solarized_light.html">solarized_light()</a></code> </p>
<p><code><a href="style_solarized_light.html">style_solarized_light()</a></code> </p>
</td>
<td><p>Solarized Light Theme</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-ggplot-themes" class="hasAnchor"><a href="#section-ggplot-themes" class="anchor"></a>ggplot2 Themes</h2>
<p class="section-desc"><p>Plot themes for ggplot2 to match xaringan slide styles.</p></p>
</th>
</tr>
<tr>
<td>
<p><code><a href="theme_xaringan.html">theme_xaringan()</a></code> </p>
</td>
<td><p>A Plot Theme for ggplot2 by xaringanthemer</p></td>
</tr><tr>
<td>
<p><code><a href="theme_xaringan_base.html">theme_xaringan_base()</a></code> </p>
</td>
<td><p>The ggplot2 xaringanthemer base plot theme</p></td>
</tr><tr>
<td>
<p><code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> </p>
</td>
<td><p>An Inverse Plot Theme for ggplot2 by xaringanthemer</p></td>
</tr><tr>
<td>
<p><code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults()</a></code> <code><a href="theme_xaringan_set_defaults.html">xaringan_theme_restore_defaults()</a></code> </p>
</td>
<td><p>Set and Restore ggplot2 geom Defaults</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
@@ -217,6 +251,12 @@
</tr>
<tr>
<td>
<p><code><a href="get_xaringanthemer_value.html">get_xaringanthemer_value()</a></code> </p>
</td>
<td><p>Get the Value of xaringanthemer Style Setting</p></td>
</tr><tr>
<td>
<p><code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code> </p>
</td>
@@ -255,6 +295,7 @@
<ul class="nav nav-pills nav-stacked">
<li><a href="#section-writing-css">Writing CSS</a></li>
<li><a href="#section-theme-functions">Theme Functions</a></li>
<li><a href="#section-ggplot-themes">ggplot2 Themes</a></li>
<li><a href="#section-helper-functions">Helper functions</a></li>
</ul>
</div>
@@ -266,9 +307,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 12
- 11
docs/reference/lighten_darken_color.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>Generate lighter or darker version of a color — lighten_darken_color • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -38,7 +38,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -54,14 +55,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -164,9 +166,8 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/duo.html → docs/reference/style_duo.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Duotone Theme — duo • xaringanthemer</title>
<title>Duotone Theme — style_duo • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,16 +30,17 @@



<meta property="og:title" content="Duotone Theme — duo" />
<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." />
colors." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -55,14 +56,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -120,33 +122,36 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Duotone Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/duo.R'><code>R/duo.R</code></a></small>
<div class="hidden name"><code>duo.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_duo.R'><code>R/style_duo.R</code></a></small>
<div class="hidden name"><code>style_duo.Rd</code></div>
</div>

<div class="ref-description">
<p>A duotone theme designed to work well with two complementary
colors.</p>
colors.</p>
</div>

<pre class="usage"><span class='fu'>duo</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1F4257"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#F97B64"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>primary_color</span>,
<span class='fl'>0.9</span>), <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.99</span>)), <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<pre class="usage"><span class='fu'>style_duo</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1F4257"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#F97B64"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.9</span>), <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.99</span>)),
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>, <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
@@ -155,18 +160,27 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.3</span>),
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -205,19 +219,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -229,7 +243,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -261,19 +275,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -323,6 +337,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -391,7 +429,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -407,15 +445,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Duotone themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Duotone themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code></p></div>

</div>
@@ -436,9 +476,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/duo_accent.html → docs/reference/style_duo_accent.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Duotone Accent Theme — duo_accent • xaringanthemer</title>
<title>Duotone Accent Theme — style_duo_accent • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,16 +30,17 @@



<meta property="og:title" content="Duotone Accent Theme — duo_accent" />
<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.)." />
accents on select elements (headers, bold text, etc.)." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -55,14 +56,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -120,37 +122,42 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Duotone Accent Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/duo_accent.R'><code>R/duo_accent.R</code></a></small>
<div class="hidden name"><code>duo_accent.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_duo_accent.R'><code>R/style_duo_accent.R</code></a></small>
<div class="hidden name"><code>style_duo_accent.Rd</code></div>
</div>

<div class="ref-description">
<p>An default xaringan theme with a two colors used for color
accents on select elements (headers, bold text, etc.).</p>
accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>duo_accent</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>, <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<pre class="usage"><span class='fu'>style_duo_accent</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>, <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>), <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
<span class='no'>primary_color</span>, <span class='no'>secondary_color</span>), <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='no'>secondary_color</span>),
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>), <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>), <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
<span class='no'>primary_color</span>, <span class='no'>secondary_color</span>), <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
<span class='no'>white_color</span>), <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
<span class='no'>white_color</span>), <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='no'>black_color</span>, <span class='no'>white_color</span>), <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
<span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
@@ -159,18 +166,27 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.3</span>),
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -217,19 +233,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -241,7 +257,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -273,19 +289,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -335,6 +351,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -403,7 +443,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -419,14 +459,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo.html'>duo</a></code>, <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Duotone themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo.html'>duo</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Duotone themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo.html'>style_duo</a></code></p></div>

</div>
@@ -447,9 +490,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/duo_accent_inverse.html → docs/reference/style_duo_accent_inverse.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Duotone Accent Inverse Theme — duo_accent_inverse • xaringanthemer</title>
<title>Duotone Accent Inverse Theme — style_duo_accent_inverse • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,16 +30,17 @@



<meta property="og:title" content="Duotone Accent Inverse Theme — duo_accent_inverse" />
<meta property="og:title" content="Duotone Accent Inverse Theme — style_duo_accent_inverse" />

<meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a two colors used
for color accents on select elements (headers, bold text, etc.)." />
for color accents on select elements (headers, bold text, etc.)." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -55,14 +56,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -120,37 +122,42 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Duotone Accent Inverse Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/duo_accent_inverse.R'><code>R/duo_accent_inverse.R</code></a></small>
<div class="hidden name"><code>duo_accent_inverse.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_duo_accent_inverse.R'><code>R/style_duo_accent_inverse.R</code></a></small>
<div class="hidden name"><code>style_duo_accent_inverse.Rd</code></div>
</div>

<div class="ref-description">
<p>An "inverted" default xaringan theme with a two colors used
for color accents on select elements (headers, bold text, etc.).</p>
for color accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>duo_accent_inverse</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>, <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<pre class="usage"><span class='fu'>style_duo_accent_inverse</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>, <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
<span class='no'>primary_color</span>), <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>),
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
<span class='no'>primary_color</span>), <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
<span class='no'>white_color</span>), <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
<span class='no'>white_color</span>), <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='no'>black_color</span>, <span class='no'>white_color</span>), <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
<span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
@@ -159,19 +166,27 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='fl'>0.3</span>), <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -218,19 +233,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -242,7 +257,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -274,19 +289,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -336,6 +351,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -404,7 +443,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -420,14 +459,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Duotone themes: <code><a href='duo_accent.html'>duo_accent</a></code>,
<code><a href='duo.html'>duo</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent.html'>style_duo_accent</a></code>,
<code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Duotone themes: <code><a href='style_duo_accent.html'>style_duo_accent</a></code>,
<code><a href='style_duo.html'>style_duo</a></code></p></div>

</div>
@@ -448,9 +490,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 219
- 0
docs/reference/style_extra_css.html Datei anzeigen

@@ -0,0 +1,219 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Add Extra CSS Styles — style_extra_css • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<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 name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Add Extra CSS Styles</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_extra_css.R'><code>R/style_extra_css.R</code></a></small>
<div class="hidden name"><code>style_extra_css.Rd</code></div>
</div>

<div class="ref-description">
<p>Adds css elements to target <code>outfile</code>, typically a xaringanthemer css file.
The <code>css</code> argument takes a list of CSS classes and definitions (see examples below)
and appends CSS rules to <code>outfile</code>.</p>
</div>

<pre class="usage"><span class='fu'>style_extra_css</span>(<span class='no'>css</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>outfile</th>
<td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
</tr>
</table>
<h2 class="hasAnchor" id="css-list"><a class="anchor" href="#css-list"></a>css list</h2>

<p>The <code>css</code> input must be a named list of css properties and values within a
named list of class identifiers, for example
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code>.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>style_extra_css</span>(
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/showConnections'>stdout</a></span>(),
<span class='kw'>css</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
<span class='st'>".red"</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"red"</span>),
<span class='st'>".small"</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='st'>"font-size"</span> <span class='kw'>=</span> <span class='st'>"90%"</span>),
<span class='st'>".full-width"</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
<span class='kw'>display</span> <span class='kw'>=</span> <span class='st'>"flex"</span>,
<span class='kw'>width</span> <span class='kw'>=</span> <span class='st'>"100%"</span>,
<span class='kw'>flex</span> <span class='kw'>=</span> <span class='st'>"1 1 auto"</span>
)
)
)</div><div class='output co'>#&gt;
#&gt;
#&gt; /* Extra CSS */
#&gt; .red {
#&gt; color: red;
#&gt; }
#&gt; .small {
#&gt; font-size: 90%;
#&gt; }
#&gt; .full-width {
#&gt; display: flex;
#&gt; width: 100%;
#&gt; flex: 1 1 auto;
#&gt; }</div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
<li><a href="#css-list">css list</a></li>
<li><a href="#examples">Examples</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


docs/reference/mono_accent.html → docs/reference/style_mono_accent.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Monotone Accent Theme — mono_accent • xaringanthemer</title>
<title>Monotone Accent Theme — style_mono_accent • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,16 +30,17 @@



<meta property="og:title" content="Monotone Accent Theme — mono_accent" />
<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.)." />
accents on select elements (headers, bold text, etc.)." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -55,14 +56,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -120,32 +122,34 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Monotone Accent Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_accent.R'><code>R/mono_accent.R</code></a></small>
<div class="hidden name"><code>mono_accent.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_accent.R'><code>R/style_mono_accent.R</code></a></small>
<div class="hidden name"><code>style_mono_accent.Rd</code></div>
</div>

<div class="ref-description">
<p>The default xaringan theme with a single color used for color
accents on select elements (headers, bold text, etc.).</p>
accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>mono_accent</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<pre class="usage"><span class='fu'>style_mono_accent</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>, <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
@@ -154,25 +158,34 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>base_color</th>
<td><p>Monotone Base Color, works best with a strong color.. Defaults to #43418A. Modifies multiple CSS classes or elements.</p></td>
<td><p>Monotone Base Color, works best with a strong color. Defaults to #43418A. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>white_color</th>
@@ -208,19 +221,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -232,7 +245,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -264,19 +277,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -326,6 +339,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -394,7 +431,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -410,15 +447,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_dark.html'>mono_dark</a></code>, <code><a href='mono_light.html'>mono_light</a></code>,
<code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Monotone themes: <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_dark.html'>mono_dark</a></code>, <code><a href='mono_light.html'>mono_light</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Monotone themes: <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code></p></div>

</div>
@@ -439,9 +478,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/mono_accent_inverse.html → docs/reference/style_mono_accent_inverse.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Monotone Accent Inverse Theme — mono_accent_inverse • xaringanthemer</title>
<title>Monotone Accent Inverse Theme — style_mono_accent_inverse • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,16 +30,17 @@



<meta property="og:title" content="Monotone Accent Inverse Theme — mono_accent_inverse" />
<meta property="og:title" content="Monotone Accent Inverse Theme — style_mono_accent_inverse" />

<meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a single color used
for color accents on select elements (headers, bold text, etc.)." />
for color accents on select elements (headers, bold text, etc.)." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -55,14 +56,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -120,32 +122,34 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Monotone Accent Inverse Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_accent_inverse.R'><code>R/mono_accent_inverse.R</code></a></small>
<div class="hidden name"><code>mono_accent_inverse.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_accent_inverse.R'><code>R/style_mono_accent_inverse.R</code></a></small>
<div class="hidden name"><code>style_mono_accent_inverse.Rd</code></div>
</div>

<div class="ref-description">
<p>An "inverted" default xaringan theme with a single color used
for color accents on select elements (headers, bold text, etc.).</p>
for color accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>mono_accent_inverse</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3C989E"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>), <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<pre class="usage"><span class='fu'>style_mono_accent_inverse</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3C989E"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>, <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>),
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
@@ -154,25 +158,34 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>base_color</th>
<td><p>Monotone Base Color, works best with a light color.. Defaults to #3C989E. Modifies multiple CSS classes or elements.</p></td>
<td><p>Monotone Base Color, works best with a light color. Defaults to #3C989E. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>white_color</th>
@@ -208,19 +221,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -232,7 +245,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -264,19 +277,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -326,6 +339,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -394,7 +431,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -410,14 +447,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Monotone themes: <code><a href='mono_accent.html'>mono_accent</a></code>,
<code><a href='mono_dark.html'>mono_dark</a></code>, <code><a href='mono_light.html'>mono_light</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Monotone themes: <code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code></p></div>

</div>
@@ -438,9 +478,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/mono_dark.html → docs/reference/style_mono_dark.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Monotone Dark Theme — mono_dark • xaringanthemer</title>
<title>Monotone Dark Theme — style_mono_dark • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,7 +30,7 @@



<meta property="og:title" content="Monotone Dark Theme — mono_dark" />
<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 name="twitter:card" content="summary" />
@@ -38,7 +38,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -54,14 +55,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -119,8 +121,8 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Monotone Dark Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_dark.R'><code>R/mono_dark.R</code></a></small>
<div class="hidden name"><code>mono_dark.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_dark.R'><code>R/style_mono_dark.R</code></a></small>
<div class="hidden name"><code>style_mono_dark.Rd</code></div>
</div>

<div class="ref-description">
@@ -129,22 +131,24 @@
</div>

<pre class="usage"><span class='fu'>mono_dark</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>,
<span class='fl'>0.8</span>), <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.85</span>),
<pre class="usage"><span class='fu'>style_mono_dark</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.85</span>),
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
@@ -153,18 +157,27 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -207,19 +220,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -231,7 +244,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -263,19 +276,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -325,6 +338,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -393,7 +430,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -409,15 +446,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_light.html'>mono_light</a></code>,
<code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Monotone themes: <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_light.html'>mono_light</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Monotone themes: <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code></p></div>

</div>
@@ -438,9 +477,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/mono_light.html → docs/reference/style_mono_light.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Monotone Light Theme — mono_light • xaringanthemer</title>
<title>Monotone Light Theme — style_mono_light • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,7 +30,7 @@



<meta property="og:title" content="Monotone Light Theme — mono_light" />
<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 name="twitter:card" content="summary" />
@@ -38,7 +38,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -54,14 +55,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -119,8 +121,8 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Monotone Light Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_light.R'><code>R/mono_light.R</code></a></small>
<div class="hidden name"><code>mono_light.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_light.R'><code>R/style_mono_light.R</code></a></small>
<div class="hidden name"><code>style_mono_light.Rd</code></div>
</div>

<div class="ref-description">
@@ -129,22 +131,24 @@
</div>

<pre class="usage"><span class='fu'>mono_light</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>,
<span class='fl'>0.9</span>), <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.3</span>),
<pre class="usage"><span class='fu'>style_mono_light</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>),
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.3</span>),
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
@@ -153,18 +157,27 @@
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -207,19 +220,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -231,7 +244,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -263,19 +276,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -325,6 +338,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -393,7 +430,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -409,15 +446,17 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Monotone themes: <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Monotone themes: <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code></p></div>

</div>
@@ -438,9 +477,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/solarized_dark.html → docs/reference/style_solarized_dark.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Solarized Dark Theme — solarized_dark • xaringanthemer</title>
<title>Solarized Dark Theme — style_solarized_dark • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,17 +30,18 @@



<meta property="og:title" content="Solarized Dark Theme — solarized_dark" />
<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 &quot;highlightStyle: solarized-dark&quot; or
&quot;highlighStyle: solarized-light&quot;." />
Works well with &quot;highlightStyle: solarized-dark&quot; or
&quot;highlighStyle: solarized-light&quot;." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -56,14 +57,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -121,51 +123,61 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Solarized Dark Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/solarized_dark.R'><code>R/solarized_dark.R</code></a></small>
<div class="hidden name"><code>solarized_dark.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_solarized_dark.R'><code>R/style_solarized_dark.R</code></a></small>
<div class="hidden name"><code>style_solarized_dark.Rd</code></div>
</div>

<div class="ref-description">
<p>A dark theme based around on the solarized color scheme.
Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
</div>

<pre class="usage"><span class='fu'>solarized_dark</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
<pre class="usage"><span class='fu'>style_solarized_dark</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>, <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>, <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>, <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>,
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#073642"</span>, <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -196,19 +208,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -220,7 +232,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -252,19 +264,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -314,6 +326,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -382,7 +418,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -402,13 +438,15 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_light.html'>solarized_light</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Solarized themes: <code><a href='solarized_light.html'>solarized_light</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Solarized themes: <code><a href='style_solarized_light.html'>style_solarized_light</a></code></p></div>

</div>
@@ -431,9 +469,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/solarized_light.html → docs/reference/style_solarized_light.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Solarized Light Theme — solarized_light • xaringanthemer</title>
<title>Solarized Light Theme — style_solarized_light • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,17 +30,18 @@



<meta property="og:title" content="Solarized Light Theme — solarized_light" />
<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 &quot;highlightStyle: solarized-dark&quot; or
&quot;highlighStyle: solarized-light&quot;." />
Works well with &quot;highlightStyle: solarized-dark&quot; or
&quot;highlighStyle: solarized-light&quot;." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -56,14 +57,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -121,51 +123,61 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Solarized Light Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/solarized_light.R'><code>R/solarized_light.R</code></a></small>
<div class="hidden name"><code>solarized_light.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_solarized_light.R'><code>R/style_solarized_light.R</code></a></small>
<div class="hidden name"><code>style_solarized_light.Rd</code></div>
</div>

<div class="ref-description">
<p>A light theme based around on the solarized color scheme.
Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
</div>

<pre class="usage"><span class='fu'>solarized_light</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
<pre class="usage"><span class='fu'>style_solarized_light</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>, <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>, <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>, <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>,
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee8d5"</span>, <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -196,19 +208,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -220,7 +232,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -252,19 +264,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -314,6 +326,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -382,7 +418,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -402,13 +438,15 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
<p>Other Solarized themes: <code><a href='solarized_dark.html'>solarized_dark</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_xaringan.html'>style_xaringan</a></code></p>
<p>Other Solarized themes: <code><a href='style_solarized_dark.html'>style_solarized_dark</a></code></p></div>

</div>
@@ -431,9 +469,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


docs/reference/write_xaringan_theme.html → docs/reference/style_xaringan.html Datei anzeigen

@@ -1,25 +1,25 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Write A Customized Xaringan Theme — write_xaringan_theme • xaringanthemer</title>
<title>Write A Customized Xaringan Theme — style_xaringan • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -30,7 +30,7 @@



<meta property="og:title" content="Write A Customized Xaringan Theme — write_xaringan_theme" />
<meta property="og:title" content="Write A Customized Xaringan Theme — style_xaringan" />

<meta property="og:description" content="Creates a customized Xaringan theme CSS file." />
<meta name="twitter:card" content="summary" />
@@ -38,7 +38,8 @@


<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -54,14 +55,15 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -119,8 +121,8 @@
<div class="col-md-9 contents">
<div class="page-header">
<h1>Write A Customized Xaringan Theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/write_theme.R'><code>R/write_theme.R</code></a></small>
<div class="hidden name"><code>write_xaringan_theme.Rd</code></div>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_xaringan.R'><code>R/style_xaringan.R</code></a></small>
<div class="hidden name"><code>style_xaringan.Rd</code></div>
</div>

<div class="ref-description">
@@ -129,37 +131,50 @@
</div>

<pre class="usage"><span class='fu'>write_xaringan_theme</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<pre class="usage"><span class='fu'>style_xaringan</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"rgb(249, 38, 114)"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>, <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>, <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#d6d6d6"</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='st'>"#f3f3f3"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#d6d6d6"</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='st'>"#f3f3f3"</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#777"</span>, <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"lightgray"</span>, <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>, <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#777"</span>,
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"lightgray"</span>,
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee"</span>, <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></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='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -182,7 +197,7 @@
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to NA. Modifies the <code>strong</code> element.</p></td>
<td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
@@ -190,19 +205,19 @@
</tr>
<tr>
<th>padding</th>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_image</th>
<td><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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>background_size</th>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><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 <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>background_position</th>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.. Defaults to NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
<td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>code_highlight_color</th>
@@ -214,7 +229,7 @@
</tr>
<tr>
<th>code_inline_background_color</th>
<td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
<td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>code_inline_font_size</th>
@@ -246,19 +261,19 @@
</tr>
<tr>
<th>title_slide_background_image</th>
<td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_size</th>
<td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><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.</p></td>
</tr>
<tr>
<th>title_slide_background_position</th>
<td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
<td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>footnote_color</th>
<td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to NA. Modifies the <code>.footnote</code> class.</p></td>
<td><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></td>
</tr>
<tr>
<th>footnote_font_size</th>
@@ -308,6 +323,30 @@
<th>header_h3_font_size</th>
<td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
</tr>
<tr>
<th>header_background_auto</th>
<td><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></td>
</tr>
<tr>
<th>header_background_color</th>
<td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_text_color</th>
<td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_padding</th>
<td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_background_content_padding_top</th>
<td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
@@ -376,7 +415,7 @@
<th>extra_css</th>
<td><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></td>
<code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -392,12 +431,14 @@ can be either a URL as a character string or a call to
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
<code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
<code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
<code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
<code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
<code><a href='solarized_light.html'>solarized_light</a></code></p></div>
<div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a></code>, <code><a href='style_duo.html'>style_duo</a></code>,
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
<code><a href='style_mono_light.html'>style_mono_light</a></code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a></code></p></div>

</div>
@@ -418,9 +459,8 @@ can be either a URL as a character string or a call to
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 248
- 0
docs/reference/theme_xaringan.html Datei anzeigen

@@ -0,0 +1,248 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<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 &quot;normal&quot; slide colors and
styles." />
<meta name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>A Plot Theme for ggplot2 by xaringanthemer</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
<div class="hidden name"><code>theme_xaringan.Rd</code></div>
</div>

<div class="ref-description">
<p>Creates ggplot2 themes to match the xaringanthemer theme used in the
xaringan slides that seamlessly matches the "normal" slide colors and
styles.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>text_color</th>
<td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background, inherits from
<code>background_color</code></p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
<code>header_color</code></p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></td>
</tr>
<tr>
<th>...</th>
<td><p>Arguments passed on to <code>theme_xaringan_base</code></p><dl class='dl-horizontal'>
<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>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://www.rdocumentation.org/packages/ggplot2/topics/theme'>ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of
ggplot2 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 ggplot2 geom
defaults.</p></dd>
<dt>set_ggplot_defaults</dt><dd><p>Should defaults be set for ggplot2 <em>geoms</em>?
Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
defaults, see <code>theme_xaringan_restore_defaults()</code>.</p></dd>
<dt>text_font</dt><dd><p>Font to use for text elements, passed to
<code><a href='https://www.rdocumentation.org/packages/sysfonts/topics/font_add_google'>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>.</p></dd>
<dt>text_font_use_google</dt><dd><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>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://www.rdocumentation.org/packages/sysfonts/topics/font_add_google'>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>.</p></dd>
<dt>title_font_use_google</dt><dd><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>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>
</dl></td>
</tr>
</table>
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>A ggplot2 theme</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes: <code><a href='theme_xaringan_base.html'>theme_xaringan_base</a></code>,
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a></code>,
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a></code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/ns-load'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
<span class='co'># Set xaringanthemer theme but save to tempfile</span>
<span class='fu'><a href='xaringanthemer-deprecated.html'>duo_accent</a></span>(<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/tempfile'>tempfile</a></span>())

<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>ggplot2</span>)
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/ggplot'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/aes'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/geom_point'>geom_point</a></span>() +
<span class='fu'>theme_xaringan</span>()
}</div><div class='output co'>#&gt; <span class='warning'>Warning: duo_accent() was renamed. Please use `style_duo_accent()` instead.</span></div><div class='output co'>#&gt; <span class='error'>Error in search_db(name, db_cache, handle): font not found</span></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
<li><a href="#value">Value</a></li>

<li><a href="#see-also">See also</a></li>
<li><a href="#examples">Examples</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 289
- 0
docs/reference/theme_xaringan_base.html Datei anzeigen

@@ -0,0 +1,289 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>The ggplot2 xaringanthemer base plot theme — theme_xaringan_base • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<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 (or foreground
color). Also accepts an accent_color and an 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." />
<meta name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>The ggplot2 xaringanthemer base plot theme</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
<div class="hidden name"><code>theme_xaringan_base.Rd</code></div>
</div>

<div class="ref-description">
<p>Provides a base plot theme for ggplot2 to match the xaringan slide theme
created by <a href='xaringanthemer-package.html'>xaringanthemer</a>. The theme is designed to create a general plot
style from two colors, a <code>background_color</code> and a <code>text_color</code> (or foreground
color). Also accepts an <code>accent_color</code> and an <code>accent_secondary_color</code> that are
<a href='xaringanthemer-package.html'>xaringanthemer</a> is not required for the base theme. Use
<code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code> in xaringan slides styled by
xaringanthemer for a plot theme that matches the slide style.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_base</span>(<span class='no'>text_color</span>, <span class='no'>background_color</span>, <span class='no'>...</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>text_color</th>
<td><p>Color for text and foreground</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background</p></td>
</tr>
<tr>
<th>...</th>
<td><p>Ignored</p></td>
</tr>
<tr>
<th>set_ggplot_defaults</th>
<td><p>Should defaults be set for ggplot2 <em>geoms</em>?
Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
defaults, see <code>theme_xaringan_restore_defaults()</code>.</p></td>
</tr>
<tr>
<th>accent_color</th>
<td><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://www.rdocumentation.org/packages/ggplot2/topics/theme'>ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of
ggplot2 geom defaults.</p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code> or <code>accent_color</code>. Used only when setting ggplot2 geom
defaults.</p></td>
</tr>
<tr>
<th>text_font</th>
<td><p>Font to use for text elements, passed to
<code><a href='https://www.rdocumentation.org/packages/sysfonts/topics/font_add_google'>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>.</p></td>
</tr>
<tr>
<th>text_font_use_google</th>
<td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></td>
</tr>
<tr>
<th>title_font</th>
<td><p>Font to use for title elements, passed to
<code><a href='https://www.rdocumentation.org/packages/sysfonts/topics/font_add_google'>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>.</p></td>
</tr>
<tr>
<th>title_font_use_google</th>
<td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>title_font_size</th>
<td><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></td>
</tr>
</table>
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>A ggplot2 theme</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes: <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a></code>,
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a></code>,
<code><a href='theme_xaringan.html'>theme_xaringan</a></code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/ns-load'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>ggplot2</span>)
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/ggplot'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/aes'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/geom_point'>geom_point</a></span>() +
<span class='fu'>theme_xaringan_base</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#e1e5f2"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#021c25"</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='st'>"#1f7a8c"</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/labs'>labs</a></span>(<span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Basic Iris Plot"</span>,
<span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
<span class='kw'>caption</span> <span class='kw'>=</span> <span class='st'>"{xaringanthemer}"</span>)

<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/ggplot'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/aes'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/geom_point'>geom_point</a></span>() +
<span class='fu'>theme_xaringan_base</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#021c25"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#e1e5f2"</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='st'>"#1f7a8c"</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/labs'>labs</a></span>(<span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Basic Iris Plot"</span>,
<span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
<span class='kw'>caption</span> <span class='kw'>=</span> <span class='st'>"{xaringanthemer}"</span>)
}</div><div class='output co'>#&gt; <span class='error'>Error in search_db(name, db_cache, handle): font not found</span></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
<li><a href="#value">Value</a></li>

<li><a href="#see-also">See also</a></li>
<li><a href="#examples">Examples</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 246
- 0
docs/reference/theme_xaringan_inverse.html Datei anzeigen

@@ -0,0 +1,246 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<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 &quot;inverse&quot;
xaringan slide colors and styles as styled by xaringanthemer." />
<meta name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>An Inverse Plot Theme for ggplot2 by xaringanthemer</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
<div class="hidden name"><code>theme_xaringan_inverse.Rd</code></div>
</div>

<div class="ref-description">
<p>A ggplot2 xaringanthemer plot theme to seamlessly match the "inverse"
xaringan slide colors and styles as styled by <a href='xaringanthemer-package.html'>xaringanthemer</a>.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_inverse</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>text_color</th>
<td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background, inherits from
<code>background_color</code></p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
<code>header_color</code></p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></td>
</tr>
<tr>
<th>...</th>
<td><p>Arguments passed on to <code>theme_xaringan_base</code></p><dl class='dl-horizontal'>
<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>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://www.rdocumentation.org/packages/ggplot2/topics/theme'>ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of
ggplot2 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 ggplot2 geom
defaults.</p></dd>
<dt>set_ggplot_defaults</dt><dd><p>Should defaults be set for ggplot2 <em>geoms</em>?
Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
defaults, see <code>theme_xaringan_restore_defaults()</code>.</p></dd>
<dt>text_font</dt><dd><p>Font to use for text elements, passed to
<code><a href='https://www.rdocumentation.org/packages/sysfonts/topics/font_add_google'>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>.</p></dd>
<dt>text_font_use_google</dt><dd><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>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://www.rdocumentation.org/packages/sysfonts/topics/font_add_google'>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>.</p></dd>
<dt>title_font_use_google</dt><dd><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>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>
</dl></td>
</tr>
</table>
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>A ggplot2 theme</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes: <code><a href='theme_xaringan_base.html'>theme_xaringan_base</a></code>,
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a></code>,
<code><a href='theme_xaringan.html'>theme_xaringan</a></code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/ns-load'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
<span class='co'># Set xaringanthemer theme but save to tempfile</span>
<span class='fu'><a href='xaringanthemer-deprecated.html'>duo_accent</a></span>(<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/tempfile'>tempfile</a></span>())

<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>ggplot2</span>)
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/ggplot'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/aes'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://www.rdocumentation.org/packages/ggplot2/topics/geom_point'>geom_point</a></span>() +
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>()
}</div><div class='output co'>#&gt; <span class='warning'>Warning: duo_accent() was renamed. Please use `style_duo_accent()` instead.</span></div><div class='output co'>#&gt; <span class='error'>Error in search_db(name, db_cache, handle): font not found</span></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
<li><a href="#value">Value</a></li>

<li><a href="#see-also">See also</a></li>
<li><a href="#examples">Examples</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 221
- 0
docs/reference/theme_xaringan_set_defaults.html Datei anzeigen

@@ -0,0 +1,221 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<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,
theme_xaringan_set_defaults() is run with theme_xaringan() or
theme_xaringan_inverse()." />
<meta name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Set and Restore ggplot2 geom Defaults</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
<div class="hidden name"><code>theme_xaringan_set_defaults.Rd</code></div>
</div>

<div class="ref-description">
<p>Set ggplot2 <em>geom</em> defaults to match <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> with
<code>theme_xaringan_set_defaults()</code> and restore the standard or previously-set
defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
<code>theme_xaringan_set_defaults()</code> is run with <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code>.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_set_defaults</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>, <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='no'>accent_color</span>,
<span class='kw'>text_family</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)

<span class='fu'>xaringan_theme_restore_defaults</span>()</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>text_color</th>
<td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background, inherits from
<code>background_color</code></p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
<code>header_color</code></p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></td>
</tr>
</table>
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>Invisibly returns a list of the current ggplot2 geom defaults</p>
<p>Invisibly returns a list of the current ggplot2 geom defaults</p>
<h2 class="hasAnchor" id="functions"><a class="anchor" href="#functions"></a>Functions</h2>

<ul>
<li><p><code>xaringan_theme_restore_defaults</code>: Restore previous or standard ggplot2 <em>geom</em> defaults.</p></li>
</ul>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes: <code><a href='theme_xaringan_base.html'>theme_xaringan_base</a></code>,
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a></code>,
<code><a href='theme_xaringan.html'>theme_xaringan</a></code></p></div>

</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
<li><a href="#value">Value</a></li>

<li><a href="#functions">Functions</a></li>

<li><a href="#see-also">See also</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 0
- 185
docs/reference/write_extra_css.html Datei anzeigen

@@ -1,185 +0,0 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Write Extra CSS arguments — write_extra_css • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<meta property="og:title" content="Write Extra CSS arguments — write_extra_css" />

<meta property="og:description" content="Manually adds css elements to target outfile." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Write Extra CSS arguments</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/write_extra_css.R'><code>R/write_extra_css.R</code></a></small>
<div class="hidden name"><code>write_extra_css.Rd</code></div>
</div>

<div class="ref-description">
<p>Manually adds css elements to target <code>outfile</code>.</p>
</div>

<pre class="usage"><span class='fu'>write_extra_css</span>(<span class='no'>css</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>css</th>
<td><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></td>
</tr>
<tr>
<th>outfile</th>
<td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
</tr>
</table>
<h2 class="hasAnchor" id="css-list"><a class="anchor" href="#css-list"></a>css list</h2>

<p>The <code>css</code> input must be a named list of css properties and values within a
named list of class identifiers, for example
<code>list(".class-id" = list("css-property" = "value"))</code>.</p>

</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#arguments">Arguments</a></li>
<li><a href="#css-list">css list</a></li>
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 203
- 0
docs/reference/xaringanthemer-deprecated.html Datei anzeigen

@@ -0,0 +1,203 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Deprecated or renamed functions — xaringanthemer-deprecated • xaringanthemer</title>

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>



<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().
Use style_mono_dark() instead of mono_dark().
Use style_mono_accent() instead of mono_accent().
Use style_mono_accent_inverse() instead of mono_accent_inverse().
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()." />
<meta name="twitter:card" content="summary" />



<!-- 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>
<div class="container template-reference-topic">
<header>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="../articles/xaringanthemer.html">Get started</a>
</li>
<li>
<a href="../articles/singles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/singles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
<li>
<a href="../articles/css-help.html">CSS Help</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->

</header>

<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Deprecated or renamed functions</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-deprecated.R'><code>R/xaringanthemer-deprecated.R</code></a></small>
<div class="hidden name"><code>xaringanthemer-deprecated.Rd</code></div>
</div>

<div class="ref-description">
<p>These functions in xaringanthemer have been deprecated or renamed.</p>
<p>Use <code><a href='style_xaringan.html'>style_xaringan()</a></code> instead of <code>write_xaringan_theme()</code>.</p>
<p>Use <code><a href='style_extra_css.html'>style_extra_css()</a></code> instead of <code>write_extra_css()</code>.</p>
<p>Use <code><a href='style_mono_light.html'>style_mono_light()</a></code> instead of <code>mono_light()</code>.</p>
<p>Use <code><a href='style_mono_dark.html'>style_mono_dark()</a></code> instead of <code>mono_dark()</code>.</p>
<p>Use <code><a href='style_mono_accent.html'>style_mono_accent()</a></code> instead of <code>mono_accent()</code>.</p>
<p>Use <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse()</a></code> instead of <code>mono_accent_inverse()</code>.</p>
<p>Use <code><a href='style_duo.html'>style_duo()</a></code> instead of <code>duo()</code>.</p>
<p>Use <code><a href='style_duo_accent.html'>style_duo_accent()</a></code> instead of <code>duo_accent()</code>.</p>
<p>Use <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse()</a></code> instead of <code>duo_accent_inverse()</code>.</p>
<p>Use <code><a href='style_solarized_light.html'>style_solarized_light()</a></code> instead of <code>solarized_light()</code>.</p>
<p>Use <code><a href='style_solarized_dark.html'>style_solarized_dark()</a></code> instead of <code>solarized_dark()</code>.</p>
</div>

<pre class="usage"><span class='fu'>write_xaringan_theme</span>(<span class='no'>...</span>)

<span class='fu'>write_extra_css</span>(<span class='no'>...</span>)

<span class='fu'>mono_light</span>(<span class='no'>...</span>)

<span class='fu'>mono_dark</span>(<span class='no'>...</span>)

<span class='fu'>mono_accent</span>(<span class='no'>...</span>)

<span class='fu'>mono_accent_inverse</span>(<span class='no'>...</span>)

<span class='fu'>duo</span>(<span class='no'>...</span>)

<span class='fu'>duo_accent</span>(<span class='no'>...</span>)

<span class='fu'>duo_accent_inverse</span>(<span class='no'>...</span>)

<span class='fu'>solarized_light</span>(<span class='no'>...</span>)

<span class='fu'>solarized_dark</span>(<span class='no'>...</span>)</pre>

</div>
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<h2>Contents</h2>
<ul class="nav nav-pills nav-stacked">
</ul>

</div>
</div>

<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>
</footer>
</div>


</body>
</html>


+ 21
- 21
docs/reference/xaringanthemer-package.html Datei anzeigen

@@ -1,6 +1,6 @@
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,17 +9,17 @@
<title>xaringanthemer: Xaringan CSS Theme Generator — xaringanthemer-package • xaringanthemer</title>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

<!-- clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

<!-- sticky kit -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
@@ -32,15 +32,17 @@

<meta property="og:title" content="xaringanthemer: Xaringan CSS Theme Generator — xaringanthemer-package" />

<meta property="og:description" content="Create and edit your xaringan CSS files from within your R
R Markdown slide source. More technically, this package actually creates
valid remarkjs CSS themes that are easily used by xarangan." />
<meta property="og:description" content="Create and edit your xaringan CSS files from within
your R R Markdown slide source. More technically, this package
actually creates valid remarkjs CSS themes that are easily used by
xarangan." />
<meta name="twitter:card" content="summary" />



<!-- mathjax -->
<script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<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>
@@ -56,14 +58,15 @@ valid remarkjs CSS themes that are easily used by xarangan." />
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
</span>
</div>

@@ -127,9 +130,10 @@ valid remarkjs CSS themes that are easily used by xarangan." />

<div class="ref-description">
<p>Create and edit your xaringan CSS files from within your R
R Markdown slide source. More technically, this package actually creates
valid remarkjs CSS themes that are easily used by xarangan.</p>
<p>Create and edit your xaringan CSS files from within
your R R Markdown slide source. More technically, this package
actually creates valid remarkjs CSS themes that are easily used by
xarangan.</p>
</div>

@@ -151,10 +155,7 @@ valid remarkjs CSS themes that are easily used by xarangan.</p>
</ul>

<h2>Author</h2>
<strong>Maintainer</strong>: Garrick Aden-Buie <a href='mailto:g.adenbuie@gmail.com'>g.adenbuie@gmail.com</a>


<p><strong>Maintainer</strong>: Garrick Aden-Buie <a href='mailto:garrick@adenbuie.com'>garrick@adenbuie.com</a></p>
</div>
</div>

@@ -164,9 +165,8 @@ valid remarkjs CSS themes that are easily used by xarangan.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
</div>

</footer>
</div>


+ 32
- 14
docs/sitemap.xml Datei anzeigen

@@ -10,46 +10,64 @@
<loc>https://gadenbuie.github.com/xaringanthemer//reference/choose_dark_or_light.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/duo.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/get_xaringanthemer_value.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/duo_accent.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/google_font.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/duo_accent_inverse.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/google_language_codes.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/google_font.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/lighten_darken_color.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/google_language_codes.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_duo.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/lighten_darken_color.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_duo_accent.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_duo_accent_inverse.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_extra_css.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_mono_accent.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_mono_accent_inverse.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_mono_dark.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_mono_light.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_accent.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_solarized_dark.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_accent_inverse.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_solarized_light.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_dark.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/style_xaringan.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_light.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/theme_xaringan.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/solarized_dark.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/theme_xaringan_base.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/solarized_light.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/theme_xaringan_inverse.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/write_extra_css.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/theme_xaringan_set_defaults.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/write_xaringan_theme.html</loc>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/xaringanthemer-deprecated.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/xaringanthemer-package.html</loc>

+ 33
- 33
inst/scripts/generate_theme_functions.R Datei anzeigen

@@ -2,13 +2,13 @@ source(here::here("R/theme_settings.R"))
# R/theme_settings.R contains element_description() and plural_elements()

setup_theme_function <- function(
f_name = "write_xaringan_theme",
f_name = "style_xaringan",
template = template_variables,
...,
file = "",
body = c(
" # DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R",
" eval(parse(text = call_write_xaringan_theme()))"
" eval(parse(text = call_style_xaringan()))"
)
) {
if (file == "clip" && !requireNamespace("clipr", quietly = TRUE)) file <- ""
@@ -51,100 +51,100 @@ setup_theme_function <- function(

# ---- Write Xaringan Theme Function ----
setup_theme_function(
"write_xaringan_theme",
"style_xaringan",
template_variables,
"#' @template write_xaringan_theme",
"#' @template style_xaringan",
"#' @export",
body = paste0(" ", readLines(here::here("inst/scripts/write_xaringan_theme_body.R"))),
file = here::here("R/write_theme.R")
body = paste0(" ", readLines(here::here("inst/scripts/style_xaringan_body.R"))),
file = here::here("R/style_xaringan.R")
)

# ---- Monotone Light ----
setup_theme_function(
"mono_light",
"style_mono_light",
template_mono_light,
"#' @template mono_light",
"#' @template style_mono_light",
"#' @family Monotone themes",
"#' @export",
file = here::here("R/mono_light.R")
file = here::here("R/style_mono_light.R")
)

# ---- Monotone Dark ----
setup_theme_function(
"mono_dark",
"style_mono_dark",
template_mono_dark,
"#' @template mono_dark",
"#' @template style_mono_dark",
"#' @family Monotone themes",
"#' @export",
file = here::here("R/mono_dark.R")
file = here::here("R/style_mono_dark.R")
)

# ---- Monotone Accent ----
setup_theme_function(
"mono_accent",
"style_mono_accent",
template_mono_accent,
"#' @template mono_accent",
"#' @template style_mono_accent",
"#' @family Monotone themes",
"#' @export",
file = here::here("R/mono_accent.R")
file = here::here("R/style_mono_accent.R")
)

# ---- Monotone Accent Inverse ----
setup_theme_function(
"mono_accent_inverse",
"style_mono_accent_inverse",
template_mono_accent_inverse,
"#' @template mono_accent_inverse",
"#' @template style_mono_accent_inverse",
"#' @family Monotone themes",
"#' @export",
file = here::here("R/mono_accent_inverse.R")
file = here::here("R/style_mono_accent_inverse.R")
)

# ---- Duotone ----
setup_theme_function(
"duo",
"style_duo",
template_duo,
"#' @template duo",
"#' @template style_duo",
"#' @family Duotone themes",
"#' @export",
file = here::here("R/duo.R")
file = here::here("R/style_duo.R")
)

# ---- Duotone Accent ----
setup_theme_function(
"duo_accent",
"style_duo_accent",
template_duo_accent,
"#' @template duo_accent",
"#' @template style_duo_accent",
"#' @family Duotone themes",
"#' @export",
file = here::here("R/duo_accent.R")
file = here::here("R/style_duo_accent.R")
)

# ---- Duotone Accent Inverse ----
setup_theme_function(
"duo_accent_inverse",
"style_duo_accent_inverse",
template_duo_accent_inverse,
"#' @template duo_accent_inverse",
"#' @template style_duo_accent_inverse",
"#' @family Duotone themes",
"#' @export",
file = here::here("R/duo_accent_inverse.R")
file = here::here("R/style_duo_accent_inverse.R")
)

# ---- Solarized Light ----
setup_theme_function(
"solarized_light",
"style_solarized_light",
template_solarized_light,
"#' @template solarized_light",
"#' @template style_solarized_light",
"#' @family Solarized themes",
"#' @export",
file = here::here("R/solarized_light.R")
file = here::here("R/style_solarized_light.R")
)

# ---- Solarized Dark ----
setup_theme_function(
"solarized_dark",
"style_solarized_dark",
template_solarized_dark,
"#' @template solarized_dark",
"#' @template style_solarized_dark",
"#' @family Solarized themes",
"#' @export",
file = here::here("R/solarized_dark.R")
file = here::here("R/style_solarized_dark.R")
)

inst/scripts/write_xaringan_theme_body.R → inst/scripts/style_xaringan_body.R Datei anzeigen

@@ -48,7 +48,7 @@ title_slide_background_size <- title_slide_background_size %||% (
)
table_row_even_background_color <- table_row_even_background_color %||% background_color

lapply(names(formals()), function(n) assign(n, get(n), envir = test_env))
lapply(names(formals()), function(n) assign(n, get(n), envir = xaringanthemer_env))

xaringanthemer_version <- utils::packageVersion("xaringanthemer")

@@ -75,5 +75,5 @@ template <- readLines(tf, warn = FALSE)
template <- paste(template, collapse = "\n")
x <- whisker::whisker.render(template)
writeLines(x, con = outfile)
if (!is.null(extra_css)) write_extra_css(extra_css, outfile)
if (!is.null(extra_css)) style_extra_css(extra_css, outfile)
outfile

man-roxygen/duo.R → man-roxygen/style_duo.R Datei anzeigen


man-roxygen/duo_accent.R → man-roxygen/style_duo_accent.R Datei anzeigen


man-roxygen/duo_accent_inverse.R → man-roxygen/style_duo_accent_inverse.R Datei anzeigen


man-roxygen/mono_accent.R → man-roxygen/style_mono_accent.R Datei anzeigen


man-roxygen/mono_accent_inverse.R → man-roxygen/style_mono_accent_inverse.R Datei anzeigen


man-roxygen/mono_dark.R → man-roxygen/style_mono_dark.R Datei anzeigen


man-roxygen/mono_light.R → man-roxygen/style_mono_light.R Datei anzeigen


man-roxygen/solarized_dark.R → man-roxygen/style_solarized_dark.R Datei anzeigen


man-roxygen/solarized_light.R → man-roxygen/style_solarized_light.R Datei anzeigen


man-roxygen/write_xaringan_theme.R → man-roxygen/style_xaringan.R Datei anzeigen


man/duo.Rd → man/style_duo.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/duo.R
\name{duo}
\alias{duo}
% Please edit documentation in R/style_duo.R
\name{style_duo}
\alias{style_duo}
\title{Duotone Theme}
\usage{
duo(primary_color = "#1F4257", secondary_color = "#F97B64",
style_duo(primary_color = "#1F4257", secondary_color = "#F97B64",
text_color = choose_dark_or_light(primary_color,
darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99)),
header_color = secondary_color, background_color = primary_color,
@@ -189,16 +189,18 @@ A duotone theme designed to work well with two complementary
colors.
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Duotone themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Duotone themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}
}
\concept{Duotone themes}
\concept{themes}

man/duo_accent.Rd → man/style_duo_accent.Rd Datei anzeigen

@@ -1,13 +1,13 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/duo_accent.R
\name{duo_accent}
\alias{duo_accent}
% Please edit documentation in R/style_duo_accent.R
\name{style_duo_accent}
\alias{style_duo_accent}
\title{Duotone Accent Theme}
\usage{
duo_accent(primary_color = "#006747", secondary_color = "#CFC493",
white_color = "#FFFFFF", black_color = "#000000",
text_color = black_color, header_color = primary_color,
background_color = white_color,
style_duo_accent(primary_color = "#006747",
secondary_color = "#CFC493", white_color = "#FFFFFF",
black_color = "#000000", text_color = black_color,
header_color = primary_color, background_color = white_color,
link_color = choose_dark_or_light(secondary_color, primary_color,
secondary_color),
text_bold_color = choose_dark_or_light(secondary_color, primary_color,
@@ -199,15 +199,18 @@ An default xaringan theme with a two colors used for color
accents on select elements (headers, bold text, etc.).
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo}}, \code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Duotone themes: \code{\link{duo_accent_inverse}},
\code{\link{duo}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Duotone themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo}}
}
\concept{Duotone themes}
\concept{themes}

man/duo_accent_inverse.Rd → man/style_duo_accent_inverse.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/duo_accent_inverse.R
\name{duo_accent_inverse}
\alias{duo_accent_inverse}
% Please edit documentation in R/style_duo_accent_inverse.R
\name{style_duo_accent_inverse}
\alias{style_duo_accent_inverse}
\title{Duotone Accent Inverse Theme}
\usage{
duo_accent_inverse(primary_color = "#006747",
style_duo_accent_inverse(primary_color = "#006747",
secondary_color = "#CFC493", white_color = "#FFFFFF",
black_color = "#000000", text_color = white_color,
header_color = primary_color, background_color = black_color,
@@ -199,15 +199,18 @@ An "inverted" default xaringan theme with a two colors used
for color accents on select elements (headers, bold text, etc.).
}
\seealso{
Other themes: \code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Duotone themes: \code{\link{duo_accent}},
\code{\link{duo}}
Other themes: \code{\link{style_duo_accent}},
\code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Duotone themes: \code{\link{style_duo_accent}},
\code{\link{style_duo}}
}
\concept{Duotone themes}
\concept{themes}

+ 42
- 0
man/style_extra_css.Rd Datei anzeigen

@@ -0,0 +1,42 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/style_extra_css.R
\name{style_extra_css}
\alias{style_extra_css}
\title{Add Extra CSS Styles}
\usage{
style_extra_css(css, outfile = "xaringan-themer.css")
}
\arguments{
\item{css}{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"))}}

\item{outfile}{Customized xaringan CSS output file name, default is "xaringan-themer.css"}
}
\description{
Adds css elements to target \code{outfile}, typically a xaringanthemer css file.
The \code{css} argument takes a list of CSS classes and definitions (see examples below)
and appends CSS rules to \code{outfile}.
}
\section{css list}{

The \code{css} input must be a named list of css properties and values within a
named list of class identifiers, for example
\code{list(".class-id" = list("css-property" = "value"))}.
}

\examples{
style_extra_css(
outfile = stdout(),
css = list(
".red" = list(color = "red"),
".small" = list("font-size" = "90\%"),
".full-width" = list(
display = "flex",
width = "100\%",
flex = "1 1 auto"
)
)
)

}

man/mono_accent.Rd → man/style_mono_accent.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/mono_accent.R
\name{mono_accent}
\alias{mono_accent}
% Please edit documentation in R/style_mono_accent.R
\name{style_mono_accent}
\alias{style_mono_accent}
\title{Monotone Accent Theme}
\usage{
mono_accent(base_color = "#43418A", white_color = "#FFFFFF",
style_mono_accent(base_color = "#43418A", white_color = "#FFFFFF",
black_color = "#272822", text_color = black_color,
header_color = base_color, background_color = white_color,
link_color = base_color, text_bold_color = base_color,
@@ -189,16 +189,18 @@ The default xaringan theme with a single color used for color
accents on select elements (headers, bold text, etc.).
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_dark}}, \code{\link{mono_light}},
\code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Monotone themes: \code{\link{mono_accent_inverse}},
\code{\link{mono_dark}}, \code{\link{mono_light}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Monotone themes: \code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}}
}
\concept{Monotone themes}
\concept{themes}

man/mono_accent_inverse.Rd → man/style_mono_accent_inverse.Rd Datei anzeigen

@@ -1,11 +1,11 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/mono_accent_inverse.R
\name{mono_accent_inverse}
\alias{mono_accent_inverse}
% Please edit documentation in R/style_mono_accent_inverse.R
\name{style_mono_accent_inverse}
\alias{style_mono_accent_inverse}
\title{Monotone Accent Inverse Theme}
\usage{
mono_accent_inverse(base_color = "#3C989E", white_color = "#FFFFFF",
black_color = darken_color(base_color, 0.9),
style_mono_accent_inverse(base_color = "#3C989E",
white_color = "#FFFFFF", black_color = darken_color(base_color, 0.9),
text_color = white_color, header_color = base_color,
background_color = black_color, link_color = base_color,
text_bold_color = base_color, text_slide_number_color = base_color,
@@ -189,15 +189,18 @@ An "inverted" default xaringan theme with a single color used
for color accents on select elements (headers, bold text, etc.).
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Monotone themes: \code{\link{mono_accent}},
\code{\link{mono_dark}}, \code{\link{mono_light}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Monotone themes: \code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}}
}
\concept{Monotone themes}
\concept{themes}

man/mono_dark.Rd → man/style_mono_dark.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/mono_dark.R
\name{mono_dark}
\alias{mono_dark}
% Please edit documentation in R/style_mono_dark.R
\name{style_mono_dark}
\alias{style_mono_dark}
\title{Monotone Dark Theme}
\usage{
mono_dark(base_color = "#cbf7ed",
style_mono_dark(base_color = "#cbf7ed",
white_color = lighten_color(base_color, 0.8),
black_color = darken_color(base_color, 0.85),
text_color = white_color, header_color = base_color,
@@ -189,16 +189,18 @@ can be either a URL as a character string or a call to
A dark monotone theme based around a single color.
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_light}},
\code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Monotone themes: \code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_light}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Monotone themes: \code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_light}}
}
\concept{Monotone themes}
\concept{themes}

man/mono_light.Rd → man/style_mono_light.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/mono_light.R
\name{mono_light}
\alias{mono_light}
% Please edit documentation in R/style_mono_light.R
\name{style_mono_light}
\alias{style_mono_light}
\title{Monotone Light Theme}
\usage{
mono_light(base_color = "#23395b",
style_mono_light(base_color = "#23395b",
white_color = lighten_color(base_color, 0.9),
black_color = darken_color(base_color, 0.3),
text_color = black_color, header_color = base_color,
@@ -189,16 +189,18 @@ can be either a URL as a character string or a call to
A light monotone theme based around a single color.
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{solarized_dark}},
\code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Monotone themes: \code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Monotone themes: \code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}}
}
\concept{Monotone themes}
\concept{themes}

man/solarized_dark.Rd → man/style_solarized_dark.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/solarized_dark.R
\name{solarized_dark}
\alias{solarized_dark}
% Please edit documentation in R/style_solarized_dark.R
\name{style_solarized_dark}
\alias{style_solarized_dark}
\title{Solarized Dark Theme}
\usage{
solarized_dark(text_color = "#839496", header_color = "#dc322f",
style_solarized_dark(text_color = "#839496", header_color = "#dc322f",
background_color = "#002b36", link_color = "#b58900",
text_bold_color = "#d33682", text_slide_number_color = "#586e75",
padding = "1rem 4rem 1rem 4rem", background_image = NULL,
@@ -184,14 +184,16 @@ Works well with "\code{highlightStyle: solarized-dark}" or
\url{http://ethanschoonover.com/solarized}
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_light}},
\code{\link{write_xaringan_theme}}

Other Solarized themes: \code{\link{solarized_light}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_light}},
\code{\link{style_xaringan}}

Other Solarized themes: \code{\link{style_solarized_light}}
}
\concept{Solarized themes}
\concept{themes}

man/solarized_light.Rd → man/style_solarized_light.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/solarized_light.R
\name{solarized_light}
\alias{solarized_light}
% Please edit documentation in R/style_solarized_light.R
\name{style_solarized_light}
\alias{style_solarized_light}
\title{Solarized Light Theme}
\usage{
solarized_light(text_color = "#657b83", header_color = "#dc322f",
style_solarized_light(text_color = "#657b83", header_color = "#dc322f",
background_color = "#fdf6e3", link_color = "#b58900",
text_bold_color = "#d33682", text_slide_number_color = "#93a1a1",
padding = "1rem 4rem 1rem 4rem", background_image = NULL,
@@ -184,14 +184,16 @@ Works well with "\code{highlightStyle: solarized-dark}" or
\url{http://ethanschoonover.com/solarized}
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_dark}},
\code{\link{write_xaringan_theme}}

Other Solarized themes: \code{\link{solarized_dark}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_xaringan}}

Other Solarized themes: \code{\link{style_solarized_dark}}
}
\concept{Solarized themes}
\concept{themes}

man/write_xaringan_theme.Rd → man/style_xaringan.Rd Datei anzeigen

@@ -1,10 +1,10 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/write_theme.R
\name{write_xaringan_theme}
\alias{write_xaringan_theme}
% Please edit documentation in R/style_xaringan.R
\name{style_xaringan}
\alias{style_xaringan}
\title{Write A Customized Xaringan Theme}
\usage{
write_xaringan_theme(text_color = "#000", header_color = "#000",
style_xaringan(text_color = "#000", header_color = "#000",
background_color = "#FFF", link_color = "rgb(249, 38, 114)",
text_bold_color = NULL,
text_slide_number_color = inverse_background_color,
@@ -180,11 +180,13 @@ can be either a URL as a character string or a call to
Creates a customized Xaringan theme CSS file.
}
\seealso{
Other themes: \code{\link{duo_accent_inverse}},
\code{\link{duo_accent}}, \code{\link{duo}},
\code{\link{mono_accent_inverse}},
\code{\link{mono_accent}}, \code{\link{mono_dark}},
\code{\link{mono_light}}, \code{\link{solarized_dark}},
\code{\link{solarized_light}}
Other themes: \code{\link{style_duo_accent_inverse}},
\code{\link{style_duo_accent}}, \code{\link{style_duo}},
\code{\link{style_mono_accent_inverse}},
\code{\link{style_mono_accent}},
\code{\link{style_mono_dark}},
\code{\link{style_mono_light}},
\code{\link{style_solarized_dark}},
\code{\link{style_solarized_light}}
}
\concept{themes}

+ 0
- 25
man/write_extra_css.Rd Datei anzeigen

@@ -1,25 +0,0 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/write_extra_css.R
\name{write_extra_css}
\alias{write_extra_css}
\title{Write Extra CSS arguments}
\usage{
write_extra_css(css, outfile = "xaringan-themer.css")
}
\arguments{
\item{css}{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"))}}

\item{outfile}{Customized xaringan CSS output file name, default is "xaringan-themer.css"}
}
\description{
Manually adds css elements to target \code{outfile}.
}
\section{css list}{

The \code{css} input must be a named list of css properties and values within a
named list of class identifiers, for example
\code{list(".class-id" = list("css-property" = "value"))}.
}


+ 65
- 0
man/xaringanthemer-deprecated.Rd Datei anzeigen

@@ -0,0 +1,65 @@
% Generated by roxygen2: do not edit by hand
% Please edit documentation in R/xaringanthemer-deprecated.R
\name{xaringanthemer-deprecated}
\alias{xaringanthemer-deprecated}
\alias{write_xaringan_theme}
\alias{write_extra_css}
\alias{mono_light}
\alias{mono_dark}
\alias{mono_accent}
\alias{mono_accent_inverse}
\alias{duo}
\alias{duo_accent}
\alias{duo_accent_inverse}
\alias{solarized_light}
\alias{solarized_dark}
\title{Deprecated or renamed functions}
\usage{
write_xaringan_theme(...)

write_extra_css(...)

mono_light(...)

mono_dark(...)

mono_accent(...)

mono_accent_inverse(...)

duo(...)

duo_accent(...)

duo_accent_inverse(...)

solarized_light(...)

solarized_dark(...)
}
\description{
These functions in xaringanthemer have been deprecated or renamed.

Use \code{\link[=style_xaringan]{style_xaringan()}} instead of \code{write_xaringan_theme()}.

Use \code{\link[=style_extra_css]{style_extra_css()}} instead of \code{write_extra_css()}.

Use \code{\link[=style_mono_light]{style_mono_light()}} instead of \code{mono_light()}.

Use \code{\link[=style_mono_dark]{style_mono_dark()}} instead of \code{mono_dark()}.

Use \code{\link[=style_mono_accent]{style_mono_accent()}} instead of \code{mono_accent()}.

Use \code{\link[=style_mono_accent_inverse]{style_mono_accent_inverse()}} instead of \code{mono_accent_inverse()}.

Use \code{\link[=style_duo]{style_duo()}} instead of \code{duo()}.

Use \code{\link[=style_duo_accent]{style_duo_accent()}} instead of \code{duo_accent()}.

Use \code{\link[=style_duo_accent_inverse]{style_duo_accent_inverse()}} instead of \code{duo_accent_inverse()}.

Use \code{\link[=style_solarized_light]{style_solarized_light()}} instead of \code{solarized_light()}.

Use \code{\link[=style_solarized_dark]{style_solarized_dark()}} instead of \code{solarized_dark()}.
}
\keyword{internal}

+ 8
- 0
tests/testthat/test-style_xaringan.R Datei anzeigen

@@ -0,0 +1,8 @@
context("test-style_xaringan")

test_that("style_xaringan() writes to specified outfile", {
tmpfile <- tempfile(fileext = ".css")
expect_equal(style_xaringan(outfile = tmpfile), tmpfile)
expect_true(file.exists(tmpfile))
expect_true(grepl("xaringanthemer", readLines(tmpfile)[3]))
})

+ 18
- 18
tests/testthat/test-themes.R Datei anzeigen

@@ -3,15 +3,15 @@ context("test-themes")
test_theme_file <- function(theme = "duo", theme_file = paste0(theme, ".css"), ...) {
theme_fun <- switch(
theme,
"duo" = duo,
"duo_accent" = duo_accent,
"duo_accent_inverse" = duo_accent_inverse,
"mono_accent" = mono_accent,
"mono_accent_inverse" = mono_accent_inverse,
"mono_dark" = mono_dark,
"mono_light" = mono_light,
"solarized_dark" = solarized_dark,
"solarized_light" = solarized_light,
"duo" = style_duo,
"duo_accent" = style_duo_accent,
"duo_accent_inverse" = style_duo_accent_inverse,
"mono_accent" = style_mono_accent,
"mono_accent_inverse" = style_mono_accent_inverse,
"mono_dark" = style_mono_dark,
"mono_light" = style_mono_light,
"solarized_dark" = style_solarized_dark,
"solarized_light" = style_solarized_light,
stop("Unknown theme")
)

@@ -25,15 +25,15 @@ test_theme_file <- function(theme = "duo", theme_file = paste0(theme, ".css"), .
expect_known_output(cat(theme_css), test_path("css", theme_file))
}

test_that("duo()", test_theme_file("duo"))
test_that("duo_accent()", test_theme_file("duo_accent"))
test_that("duo_accent_inverse()", test_theme_file("duo_accent_inverse"))
test_that("mono_accent()", test_theme_file("mono_accent"))
test_that("mono_accent_inverse()", test_theme_file("mono_accent_inverse"))
test_that("mono_dark()", test_theme_file("mono_dark"))
test_that("mono_light()", test_theme_file("mono_light"))
test_that("solarized_dark()", test_theme_file("solarized_dark"))
test_that("solarized_light()", test_theme_file("solarized_light"))
test_that("style_duo()", test_theme_file("duo"))
test_that("style_duo_accent()", test_theme_file("duo_accent"))
test_that("style_duo_accent_inverse()", test_theme_file("duo_accent_inverse"))
test_that("style_mono_accent()", test_theme_file("mono_accent"))
test_that("style_mono_accent_inverse()", test_theme_file("mono_accent_inverse"))
test_that("style_mono_dark()", test_theme_file("mono_dark"))
test_that("style_mono_light()", test_theme_file("mono_light"))
test_that("style_solarized_dark()", test_theme_file("solarized_dark"))
test_that("style_solarized_light()", test_theme_file("solarized_light"))

test_that("header_background_auto = TRUE", {
test_theme_file("duo", "duo-header_bg.css", header_background_auto = TRUE)

+ 0
- 8
tests/testthat/test-write_xaringan_theme.R Datei anzeigen

@@ -1,8 +0,0 @@
context("test-write_xaringan_theme")

test_that("write_xaringan_theme() writes to specified outfile", {
tmpfile <- tempfile(fileext = ".css")
expect_equal(duo_accent(outfile = tmpfile), tmpfile)
expect_true(file.exists(tmpfile))
expect_true(grepl("xaringanthemer", readLines(tmpfile)[3]))
})

+ 3
- 3
vignettes/css-help.Rmd Datei anzeigen

@@ -28,7 +28,7 @@ For example, we can create an R variable with a specific color that is used in s

```r
firebrick <- "#CD2626"
write_xaringan_theme(
style_xaringan(
header_color = firebrick,
link_color = firebrick
)
@@ -37,7 +37,7 @@ write_xaringan_theme(
or we can directly give the character string

```r
write_xaringan_theme(
style_xaringan(
header_color = "#CD2626",
link_color = "#CD2626"
)
@@ -219,7 +219,7 @@ If you want something to appear in a specific position on your slide, you'll nee
For example, lets say you want a 300px by 300px box to appear on the right side of your slide, you'll need to create a special css class:

```r
write_xaringan_theme(
style_xaringan(
extra_css = list(
".box-right" = list(
"height" = "300px",

+ 3
- 3
vignettes/css-help.md Datei anzeigen

@@ -18,7 +18,7 @@ several places in a theme

``` r
firebrick <- "#CD2626"
write_xaringan_theme(
style_xaringan(
header_color = firebrick,
link_color = firebrick
)
@@ -27,7 +27,7 @@ write_xaringan_theme(
or we can directly give the character string

``` r
write_xaringan_theme(
style_xaringan(
header_color = "#CD2626",
link_color = "#CD2626"
)
@@ -236,7 +236,7 @@ on the right side of your slide, you’ll need to create a special css
class:

``` r
write_xaringan_theme(
style_xaringan(
extra_css = list(
".box-right" = list(
"height" = "300px",

+ 3
- 3
vignettes/rmdchunks/_fonts.Rmd Datei anzeigen

@@ -14,7 +14,7 @@ cat(paste0("`", tvv[grepl("_font_google$", tvv)], "`", collapse = ", "))
See `?google_font` for more info.

```r
mono_light(
style_mono_light(
header_font_google = google_font("Josefin Slab", "600"),
text_font_google = google_font("Work Sans", "300", "300i"),
code_font_google = google_font("IBM Plex Mono")
@@ -28,7 +28,7 @@ For example, suppose you want to use a ligature font for the code font, such as
Just set `code_font_family` and `code_font_url`!

```r
solarized_dark(
style_solarized_dark(
code_font_family = "Fira Code",
code_font_url = "https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"
)
@@ -37,7 +37,7 @@ solarized_dark(
If you need to import additional fonts for use in [custom CSS definitions][adding-custom-css], you can use the `extra_fonts` argument to pass a list of URLs or `google_font()`s.

```r
mono_light(
style_mono_light(
extra_fonts = list(google_font("Sofia")),
extra_css = list(".title-slide h2" = list("font-family" = "Sofia"))
)

+ 1
- 1
vignettes/rmdchunks/_quick-intro.Rmd Datei anzeigen

@@ -14,7 +14,7 @@ Then, in a hidden chunk just after the knitr setup chunk, load **xaringanthemer*
````markdown
```{r xaringan-themer, include = FALSE}`r ""`
library(xaringanthemer)
mono_light(
style_mono_light(
base_color = "#1c5253",
header_font_google = google_font("Josefin Sans"),
text_font_google = google_font("Montserrat", "300", "300i"),

+ 28
- 28
vignettes/rmdchunks/_themes.Rmd Datei anzeigen

@@ -10,11 +10,11 @@ include_graphic <- function(img_path, is_readme = IS_README) {

Use these functions to automatically create a consistent color palette for your slides, based around a single color.

#### `mono_light()`
#### `style_mono_light()`

A light theme based around a single color.

```{r mono_light}
```{r style_mono_light}
demo_function_call <- function(f, n_params = 1) {
cat(sep = "",
"```r\n",
@@ -25,37 +25,37 @@ demo_function_call <- function(f, n_params = 1) {
")\n```"
)
}
demo_function_call(mono_light, 1)
demo_function_call(style_mono_light, 1)
```

`r include_graphic("vignettes/images/example_mono_light.png")`

#### `mono_dark()`
#### `style_mono_dark()`

A dark theme based around a single color.

```{r mono_dark}
demo_function_call(mono_dark, 1)
```{r style_mono_dark}
demo_function_call(style_mono_dark, 1)
```

`r include_graphic("vignettes/images/example_mono_dark.png")`

#### `mono_accent()`
#### `style_mono_accent()`

The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).

```{r mono_accent}
demo_function_call(mono_accent, 1)
```{r style_mono_accent}
demo_function_call(style_mono_accent, 1)
```

`r include_graphic("vignettes/images/example_mono_accent.png")`

#### `mono_accent_inverse()`
#### `style_mono_accent_inverse()`

An "inverted" default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).

```{r mono_accent_inverse}
demo_function_call(mono_accent_inverse, 1)
```{r style_mono_accent_inverse}
demo_function_call(style_mono_accent_inverse, 1)
```

`r include_graphic("vignettes/images/example_mono_accent_inverse.png")`
@@ -65,53 +65,53 @@ demo_function_call(mono_accent_inverse, 1)

These themes build from two (ideally) complementary colors.

#### `duo()`
#### `style_duo()`

A two-colored theme based on a primary and secondary color.

```{r duo}
demo_function_call(duo, 2)
```{r style_duo}
demo_function_call(style_duo, 2)
```

`r include_graphic("vignettes/images/example_duo.png")`

#### `duo_accent()`
#### `style_duo_accent()`

The default Xaringan theme with two accent colors.

```{r duo_accent}
demo_function_call(duo_accent, 2)
```{r style_duo_accent}
demo_function_call(style_duo_accent, 2)
```

`r include_graphic("vignettes/images/example_duo_accent.png")`

#### `duo_accent_inverse()`
#### `style_duo_accent_inverse()`

An "inverted" default Xaringan theme with two accent colors.

```{r duo_accent_inverse}
demo_function_call(duo_accent_inverse, 2)
```{r style_duo_accent_inverse}
demo_function_call(style_duo_accent_inverse, 2)
```

`r include_graphic("vignettes/images/example_duo_accent_inverse.png")`

### Solarized

There are also two themes based around the [solarized color palette](http://ethanschoonover.com/solarized), `solarized_light()` and `solarized_dark()`.
There are also two themes based around the [solarized color palette](http://ethanschoonover.com/solarized), `style_solarized_light()` and `style_solarized_dark()`.
For both themes, it is advisted to change the syntax highlighting theme to `solarized-light` or `solarized-dark` (looks great paired or constrasted).

#### `solarized_light()`
#### `style_solarized_light()`

```{r solarized_light}
demo_function_call(solarized_light, 0)
```{r style_solarized_light}
demo_function_call(style_solarized_light, 0)
```

`r include_graphic("vignettes/images/example_solarized_light.png")`

#### `solarized_dark()`
#### `style_solarized_dark()`

```{r solarized_dark}
demo_function_call(solarized_dark, 0)
```{r style_solarized_dark}
demo_function_call(style_solarized_dark, 0)
```

`r include_graphic("vignettes/images/example_solarized_dark.png")`

+ 60
- 54
vignettes/template-variables.md Datei anzeigen

@@ -19,57 +19,63 @@ the arguments below when calling the theme function. For example, to use
`mono_accent(background_color =
"#abc123")`.

| variable | default | element | description |
| :-------------------------------- | :------------------------------------------------------------------------------ | :------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `text_color` | `#000` | body | Text Color |
| `header_color` | `#000` | h1, h2, h3 | Header Color |
| `background_color` | `#FFF` | .remark-slide-content | Slide Background Color |
| `link_color` | `rgb(249, 38, 114)` | a, a \> code | Link Color |
| `text_bold_color` | `NA` | strong | Bold Text Color |
| `text_slide_number_color` | `inverse_background_color` | .remark-slide-number | Slide Number Color |
| `padding` | `1em 4em 1em 4em` | .remark-slide-content | Slide Padding in `top right [bottom left]` format |
| `background_image` | `NA` | .remark-slide-content | Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide. |
| `background_size` | `NA` | .remark-slide-content | Background image size, requires `background_image` to be set. If `background_image` is set, `background_size` will default to `cover` so the backround fills the screen. If both `background_image` and `background_position` are set, will default to 100 percent. |
| `background_position` | `NA` | .remark-slide-content | Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`. |
| `code_highlight_color` | `rgba(255,255,0,0.5)` | .remark-code-line-highlighted | Code Line Highlight |
| `code_inline_color` | `#000` | .remark-inline-code | Inline Code Color |
| `code_inline_background_color` | `NA` | .remark-inline-code | Inline Code Background Color |
| `code_inline_font_size` | `1em` | .remark-inline-code | Inline Code Text Font Size |
| `inverse_background_color` | `#272822` | .inverse | Inverse Background Color |
| `inverse_text_color` | `#d6d6d6` | .inverse | Inverse Text Color |
| `inverse_text_shadow` | `FALSE` | .inverse | Enables Shadow on text of inverse slides |
| `inverse_header_color` | `#f3f3f3` | .inverse h1, .inverse h2, .inverse h3 | Inverse Header Color |
| `title_slide_text_color` | `inverse_text_color` | .title-slide | Title Slide Text Color |
| `title_slide_background_color` | `inverse_background_color` | .title-slide | Title Slide Background Color |
| `title_slide_background_image` | `NA` | .title-slide | Title Slide Background Image URL |
| `title_slide_background_size` | `NA` | .title-slide | Title Slide Background Image Size, defaults to “cover” if background image is set |
| `title_slide_background_position` | `NA` | .title-slide | Title Slide Background Image Position |
| `footnote_color` | `NA` | .footnote | Footnote text color (if `NA`, then it will be the same color as `text_color`) |
| `footnote_font_size` | `0.9em` | .footnote | Footnote font size |
| `footnote_position_bottom` | `3em` | .footnote | Footnote location from bottom of screen |
| `left_column_subtle_color` | `#777` | .left-column h2, .left-column h3 | Left Column Text (not last) |
| `left_column_selected_color` | `#000` | .left-column h2:last-of-type, .left-column h3:last-child | Left Column Current Selection |
| `blockquote_left_border_color` | `lightgray` | blockquote | Blockquote Left Border Color |
| `table_border_color` | `#666` | table: border-top, border-bottom | Table top/bottom border |
| `table_row_border_color` | `#ddd` | table thead th: border-bottom | Table row inner bottom border |
| `table_row_even_background_color` | `#eee` | thead, tfoot, tr:nth-child(even) | Table Even Row Background Color |
| `text_font_size` | `20px` | .remark-slide-content | Slide Body Text Font Size |
| `header_h1_font_size` | `55px` | .remark-slide-content h1 | h1 Header Text Font Size |
| `header_h2_font_size` | `45px` | .remark-slide-content h2 | h2 Header Text Font Size |
| `header_h3_font_size` | `35px` | .remark-slide-content h3 | h3 Header Text Font Size |
| `text_slide_number_font_size` | `0.9em` | .remark-slide-number | Slide Number Text Font Size |
| `text_font_google` | `NULL` | body | Use `google_font()` to specify body font |
| `text_font_family` | `'Droid Serif'` | body | Body Text Font Family |
| `text_font_weight` | `normal` | body | Body Text Font Weight |
| `text_font_url` | `https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic` | @import url() | Body Text Font URL(s) |
| `text_font_family_fallback` | `'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'` | body | Body Text Font Fallbacks |
| `text_font_base` | `serif` | body | Body Text Base Font (Total Failure Fallback) |
| `header_font_google` | `NULL` | body | Use `google_font()` to specify header font |
| `header_font_family` | `'Yanone Kaffeesatz'` | h1, h2, h3 | Header Font Family |
| `header_font_weight` | `normal` | h1, h2, h3 | Header Font Weight |
| `header_font_url` | `https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz` | @import url | Header Font URL |
| `code_font_google` | `NULL` | body | Use `google_font()` to specify code font |
| `code_font_family` | `'Source Code Pro'` | .remark-code, .remark-inline-code | Code Font Family |
| `code_font_size` | `0.9em` | .remark-inline | Code Text Font Size |
| `code_font_url` | `https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700` | @import url | Code Font URL |
| `code_font_family_fallback` | `'Lucida Console', Monaco` | .remark-code, .remark-inline-code | Code Font Fallback |
| variable | default | element | description |
| :-------------------------------------- | :------------------------------------------------------------------------------ | :------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `text_color` | `#000` | body | Text Color |
| `header_color` | `#000` | h1, h2, h3 | Header Color |
| `background_color` | `#FFF` | .remark-slide-content | Slide Background Color |
| `link_color` | `rgb(249, 38, 114)` | a, a \> code | Link Color |
| `text_bold_color` | `NULL` | strong | Bold Text Color |
| `text_slide_number_color` | `inverse_background_color` | .remark-slide-number | Slide Number Color |
| `padding` | `1rem 4rem 1rem 4rem` | .remark-slide-content | Slide Padding in `top right [bottom left]` format |
| `background_image` | `NULL` | .remark-slide-content | Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide |
| `background_size` | `NULL` | .remark-slide-content | Background image size, requires `background_image` to be set. If `background_image` is set, `background_size` will default to `cover` so the backround fills the screen. If both `background_image` and `background_position` are set, will default to 100 percent |
| `background_position` | `NULL` | .remark-slide-content | Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size` |
| `code_highlight_color` | `rgba(255,255,0,0.5)` | .remark-code-line-highlighted | Code Line Highlight |
| `code_inline_color` | `#000` | .remark-inline-code | Inline Code Color |
| `code_inline_background_color` | `NULL` | .remark-inline-code | Inline Code Background Color |
| `code_inline_font_size` | `1em` | .remark-inline-code | Inline Code Text Font Size |
| `inverse_background_color` | `#272822` | .inverse | Inverse Background Color |
| `inverse_text_color` | `#d6d6d6` | .inverse | Inverse Text Color |
| `inverse_text_shadow` | `FALSE` | .inverse | Enables Shadow on text of inverse slides |
| `inverse_header_color` | `#f3f3f3` | .inverse h1, .inverse h2, .inverse h3 | Inverse Header Color |
| `title_slide_text_color` | `inverse_text_color` | .title-slide | Title Slide Text Color |
| `title_slide_background_color` | `inverse_background_color` | .title-slide | Title Slide Background Color |
| `title_slide_background_image` | `NULL` | .title-slide | Title Slide Background Image URL |
| `title_slide_background_size` | `NULL` | .title-slide | Title Slide Background Image Size, defaults to “cover” if background image is set |
| `title_slide_background_position` | `NULL` | .title-slide | Title Slide Background Image Position |
| `footnote_color` | `NULL` | .footnote | Footnote text color (if `NA`, then it will be the same color as `text_color`) |
| `footnote_font_size` | `0.9em` | .footnote | Footnote font size |
| `footnote_position_bottom` | `3em` | .footnote | Footnote location from bottom of screen |
| `left_column_subtle_color` | `#777` | .left-column h2, .left-column h3 | Left Column Text (not last) |
| `left_column_selected_color` | `#000` | .left-column h2:last-of-type, .left-column h3:last-child | Left Column Current Selection |
| `blockquote_left_border_color` | `lightgray` | blockquote | Blockquote Left Border Color |
| `table_border_color` | `#666` | table: border-top, border-bottom | Table top/bottom border |
| `table_row_border_color` | `#ddd` | table thead th: border-bottom | Table row inner bottom border |
| `table_row_even_background_color` | `#eee` | thead, tfoot, tr:nth-child(even) | Table Even Row Background Color |
| `text_font_size` | `20px` | .remark-slide-content | Slide Body Text Font Size |
| `header_h1_font_size` | `55px` | .remark-slide-content h1 | h1 Header Text Font Size |
| `header_h2_font_size` | `45px` | .remark-slide-content h2 | h2 Header Text Font Size |
| `header_h3_font_size` | `35px` | .remark-slide-content h3 | h3 Header Text Font Size |
| `header_background_auto` | `FALSE` | | Add background under slide title automatically for h1 header elements. If not enabled, use `class: header_background` to enable |
| `header_background_color` | `header_color` | .remark-slide-content h1 | Background Color for h1 Header with Background |
| `header_background_text_color` | `background_color` | .remark-slide-content h1 | Text Color for h1 Header with Background |
| `header_background_padding` | `2rem 4rem 1.5rem 4rem` | .remark-slide-content h1 | Padding for h1 Header with Background |
| `header_background_content_padding_top` | `7rem` | .remark-slide-content | Top Padding for Content in Slide with Header with Background |
| `header_background_ignore_classes` | `c('normal', 'inverse', 'title', 'middle', 'bottom')` | .remark-slide-content | Slide Classes Where Header with Background will not be Applied |
| `text_slide_number_font_size` | `0.9em` | .remark-slide-number | Slide Number Text Font Size |
| `text_font_google` | `NULL` | body | Use `google_font()` to specify body font |
| `text_font_family` | `'Droid Serif'` | body | Body Text Font Family |
| `text_font_weight` | `normal` | body | Body Text Font Weight |
| `text_font_url` | `https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic` | @import url() | Body Text Font URL(s) |
| `text_font_family_fallback` | `'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'` | body | Body Text Font Fallbacks |
| `text_font_base` | `serif` | body | Body Text Base Font (Total Failure Fallback) |
| `header_font_google` | `NULL` | body | Use `google_font()` to specify header font |
| `header_font_family` | `'Yanone Kaffeesatz'` | h1, h2, h3 | Header Font Family |
| `header_font_weight` | `normal` | h1, h2, h3 | Header Font Weight |
| `header_font_url` | `https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz` | @import url | Header Font URL |
| `code_font_google` | `NULL` | body | Use `google_font()` to specify code font |
| `code_font_family` | `'Source Code Pro'` | .remark-code, .remark-inline-code | Code Font Family |
| `code_font_size` | `0.9em` | .remark-inline | Code Text Font Size |
| `code_font_url` | `https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700` | @import url | Code Font URL |
| `code_font_family_fallback` | `'Lucida Console', Monaco` | .remark-code, .remark-inline-code | Code Font Fallback |

+ 4
- 4
vignettes/xaringanthemer.Rmd Datei anzeigen

@@ -64,14 +64,14 @@ Jump to:

## Theme Settings

The theme functions listed above are just wrappers around the central function of this package, `write_xaringan_theme()`.
The theme functions listed above are just wrappers around the central function of this package, `style_xaringan()`.
If you want to start from the default **xaringan** theme and make a few modifications, start there.

All of the theme template variables are repeated in each of the theme functions (instead of relying on `...`) so that you can use autocompletion to find and change the defaults for any theme function.
To override the default value of any theme functions, set the appropriate argument in the theme function.
A table of all template variables is included in [`vignette("template-variables", "xaringanthemer")`](template-variables.html).

As an example, try loading `xaringanthemer`, type out `duo_theme(` and then press <kbd>Tab</kbd> to see all of the theme options.
As an example, try loading `xaringanthemer`, type out `style_duo_theme(` and then press <kbd>Tab</kbd> to see all of the theme options.

All of the theme options are named so that you first think of the element you want to change, then the property of that element.

@@ -107,11 +107,11 @@ extra_css <- list(
)
```

If you would rather keep your additional css definitions in a separate file, you can call `write_extra_css()` separately.
If you would rather keep your additional css definitions in a separate file, you can call `style_extra_css()` separately.
Just be sure to include your new CSS file in the list of applied files in your YAML header.

```r
write_extra_css(css = extra_css, outfile = "custom.css")
style_extra_css(css = extra_css, outfile = "custom.css")
```

```{r results='asis', echo=FALSE}

Laden…
Abbrechen
Speichern