Просмотр исходного кода

Merge pull request #29 from gadenbuie/dev

xaringanthemer v0.3.0 pre-release
tags/v0.3.0
Garrick Aden-Buie 6 лет назад
Родитель
Сommit
43b11dd949
Аккаунт пользователя с таким Email не найден
100 измененных файлов: 5526 добавлений и 11410 удалений
  1. +9
    -0
      .Rbuildignore
  2. +76
    -0
      .gitignore
  3. +60
    -0
      .travis.yml
  4. +39
    -21
      DESCRIPTION
  5. +1
    -1
      LICENSE
  6. +25
    -0
      NAMESPACE
  7. +59
    -0
      NEWS.md
  8. +147
    -0
      R/color.R
  9. +0
    -26
      R/coolors.R
  10. +71
    -0
      R/css.R
  11. +0
    -122
      R/duo.R
  12. +0
    -126
      R/duo_accent.R
  13. +0
    -126
      R/duo_accent_inverse.R
  14. +1006
    -0
      R/ggplot2.R
  15. +0
    -124
      R/mono_accent.R
  16. +0
    -124
      R/mono_accent_inverse.R
  17. +0
    -124
      R/mono_dark.R
  18. +0
    -124
      R/mono_light.R
  19. +0
    -118
      R/solarized_dark.R
  20. +0
    -118
      R/solarized_light.R
  21. +292
    -0
      R/style_duo.R
  22. +302
    -0
      R/style_duo_accent.R
  23. +303
    -0
      R/style_duo_accent_inverse.R
  24. +143
    -0
      R/style_extra_css.R
  25. +294
    -0
      R/style_mono_accent.R
  26. +295
    -0
      R/style_mono_accent_inverse.R
  27. +296
    -0
      R/style_mono_dark.R
  28. +296
    -0
      R/style_mono_light.R
  29. +284
    -0
      R/style_solarized_dark.R
  30. +284
    -0
      R/style_solarized_light.R
  31. +419
    -0
      R/style_xaringan.R
  32. Двоичные данные
      R/sysdata.rda
  33. +73
    -91
      R/utils.R
  34. +38
    -0
      R/utils_theme-gen.R
  35. +0
    -78
      R/write_extra_css.R
  36. +0
    -163
      R/write_theme.R
  37. +128
    -0
      R/xaringanthemer-deprecated.R
  38. +45
    -0
      R/xaringanthemer-package.R
  39. +17
    -0
      R/zzz.R
  40. +33
    -21
      README.Rmd
  41. +231
    -113
      README.md
  42. +0
    -62
      _pkgdown.yml
  43. +29
    -0
      appveyor.yml
  44. +92
    -68
      data-raw/theme_template_variables.R
  45. +0
    -146
      docs/LICENSE-text.html
  46. +0
    -150
      docs/LICENSE.html
  47. +0
    -154
      docs/TODO.html
  48. +0
    -163
      docs/articles/articles/fonts.html
  49. +0
    -275
      docs/articles/articles/themes.html
  50. +0
    -327
      docs/articles/css-help.html
  51. Двоичные данные
      docs/articles/images/example-rstudio-completion.gif
  52. Двоичные данные
      docs/articles/images/example_default.png
  53. Двоичные данные
      docs/articles/images/example_duo.png
  54. Двоичные данные
      docs/articles/images/example_duo_accent.png
  55. Двоичные данные
      docs/articles/images/example_duo_accent_inverse.png
  56. Двоичные данные
      docs/articles/images/example_mono_accent.png
  57. Двоичные данные
      docs/articles/images/example_mono_accent_inverse.png
  58. Двоичные данные
      docs/articles/images/example_mono_dark.png
  59. Двоичные данные
      docs/articles/images/example_mono_light.png
  60. Двоичные данные
      docs/articles/images/example_mono_light_1c5253.png
  61. Двоичные данные
      docs/articles/images/example_solarized_dark.png
  62. Двоичные данные
      docs/articles/images/example_solarized_light.png
  63. Двоичные данные
      docs/articles/images/examples.gif
  64. Двоичные данные
      docs/articles/images/rmarkdown-template-screenshot.png
  65. +0
    -152
      docs/articles/index.html
  66. +0
    -140
      docs/articles/singles/fonts.html
  67. +0
    -214
      docs/articles/singles/themes.html
  68. +0
    -449
      docs/articles/template-variables.html
  69. +0
    -360
      docs/articles/xaringanthemer.html
  70. +0
    -149
      docs/authors.html
  71. +0
    -148
      docs/docsearch.css
  72. +0
    -85
      docs/docsearch.js
  73. +0
    -188
      docs/index.html
  74. +0
    -11
      docs/jquery.sticky-kit.min.js
  75. +0
    -12
      docs/link.svg
  76. +0
    -232
      docs/pkgdown.css
  77. +0
    -110
      docs/pkgdown.js
  78. +0
    -19
      docs/pkgdown.yml
  79. +0
    -178
      docs/reference/apply_alpha.html
  80. +0
    -190
      docs/reference/choose_dark_or_light.html
  81. +0
    -449
      docs/reference/duo.html
  82. +0
    -460
      docs/reference/duo_accent.html
  83. +0
    -461
      docs/reference/duo_accent_inverse.html
  84. +0
    -191
      docs/reference/google_font.html
  85. +0
    -181
      docs/reference/google_language_codes.html
  86. +0
    -279
      docs/reference/index.html
  87. +0
    -177
      docs/reference/lighten_darken_color.html
  88. +0
    -452
      docs/reference/mono_accent.html
  89. +0
    -451
      docs/reference/mono_accent_inverse.html
  90. +0
    -451
      docs/reference/mono_dark.html
  91. +0
    -451
      docs/reference/mono_light.html
  92. +0
    -444
      docs/reference/solarized_dark.html
  93. +0
    -444
      docs/reference/solarized_light.html
  94. +0
    -185
      docs/reference/write_extra_css.html
  95. +0
    -431
      docs/reference/write_xaringan_theme.html
  96. +0
    -177
      docs/reference/xaringanthemer-package.html
  97. +0
    -72
      docs/sitemap.xml
  98. +4
    -3
      index.Rmd
  99. +131
    -46
      inst/resources/template.css
  100. +4
    -3
      inst/rmarkdown/templates/xaringanthemer/skeleton/skeleton.Rmd

+ 9
- 0
.Rbuildignore Просмотреть файл

@@ -8,3 +8,12 @@
^_.+$
^docs$
^index\.Rmd$
^man-roxygen$
^tic\.R$
^appveyor\.yml$
^\.travis\.yml$
^pkgdown$
^vignettes/fonts\.Rmd$
^vignettes/themes\.Rmd$
^data-raw$
^.history$

+ 76
- 0
.gitignore Просмотреть файл

@@ -5,3 +5,79 @@
inst/doc
_tests
_stuff

.DS_Store
README.html

# vscode
.history/

# Directories that start with _
_*/

## https://github.com/github/gitignore/blob/master/R.gitignore
# History files
.Rhistory
.Rapp.history

# Session Data files
.RData

# Example code in package build process
*-Ex.R

# Output files from R CMD build
/*.tar.gz

# Output files from R CMD check
/*.Rcheck/

# RStudio files
.Rproj.user/

# produced vignettes
vignettes/*.html
vignettes/*.pdf

# OAuth2 token, see https://github.com/hadley/httr/releases/tag/v0.3
.httr-oauth

# knitr and R markdown default cache directories
/*_cache/
/cache/

# Temporary files created by R markdown
*.utf8.md
*.knit.md

# Shiny token, see https://shiny.rstudio.com/articles/shinyapps.html
rsconnect/

## https://github.com/github/gitignore/blob/master/Global/macOS.gitignore
# General
.DS_Store
.AppleDouble
.LSOverride

# Icon must end with two \r
Icon


# Thumbnails
._*

# Files that might appear in the root of a volume
.DocumentRevisions-V100
.fseventsd
.Spotlight-V100
.TemporaryItems
.Trashes
.VolumeIcon.icns
.com.apple.timemachine.donotpresent

# Directories potentially created on remote AFP share
.AppleDB
.AppleDesktop
Network Trash Folder
Temporary Items
.apdisk

+ 60
- 0
.travis.yml Просмотреть файл

@@ -0,0 +1,60 @@
# OS: Linux + macOS ------------------------------------------------------------
# tic documentation: https://docs.ropensci.org/tic/dev/

matrix:
include:
- os: linux
r: release
env:
- BUILD_PKGDOWN=true
- os: osx
r: release
- os: linux
r: devel
- os: linux
r: oldrel
- os: osx
r: oldrel

# meta -------------------------------------------------------------------------
language: r
cache:
- packages
- $HOME/.ccache
- $HOME/Library/Caches/Homebrew
latex: false

# environment variables --------------------------------------------------------

env:
global:
- MAKEFLAGS="-j 2"

# Stages -----------------------------------------------------------------------

before_install:
- if [ "${TRAVIS_OS_NAME}" == "osx" ]; then brew install ccache; fi
- if [ "${TRAVIS_OS_NAME}" == "osx" ]; then export PATH="/usr/local/opt/ccache/libexec:$PATH"; fi
- echo -e "options(Ncpus = 8, repos = structure(c(CRAN = 'https://cloud.r-project.org/')))" > $HOME/.Rprofile
- mkdir -p $HOME/.R && echo -e 'CXX_STD = CXX14\n\nCC=ccache gcc -std=gnu99\nCXX=ccache g++\nCXX11=ccache g++ -std=gnu99\nCXX14=ccache g++ -std=gnu99\nC11=ccache g++\nC14=ccache g++\nFC=ccache gfortran\nF77=ccache gfortran' > $HOME/.R/Makevars
- mkdir -p $HOME/.ccache && echo -e 'max_size = 5.0G\nsloppiness = include_file_ctime\nhash_dir=false' > $HOME/.ccache/ccache.conf
- R -q -e 'if (!requireNamespace("remotes")) install.packages("remotes")'
- R -q -e 'if (getRversion() < "3.2" && !requireNamespace("curl")) install.packages("curl")'
- R -q -e 'remotes::install_github("ropensci/tic", upgrade = "always"); print(tic::dsl_load()); tic::prepare_all_stages()'
- R -q -e 'tic::before_install()'
install:
- R -q -e 'tic::install()'
before_script: R -q -e 'tic::before_script()'
script: R -q -e 'tic::script()'
after_success: R -q -e 'tic::after_success()'
after_failure: R -q -e 'tic::after_failure()'
before_deploy: R -q -e 'tic::before_deploy()'
deploy:
provider: script
script: R -q -e 'tic::deploy()'
on:
all_branches: true
after_deploy: R -q -e 'tic::after_deploy()'
after_script: R -q -e 'tic::after_script()'

# Custom user code -------------------------------------------------------------

+ 39
- 21
DESCRIPTION Просмотреть файл

@@ -1,28 +1,46 @@
Package: xaringanthemer
Type: Package
Title: Xaringan CSS Theme Generator
Version: 0.2.0
Date: 2018-04-16
Authors@R: person("Garrick", "Aden-Buie", email = "g.adenbuie@gmail.com", role = c("aut", "cre"))
Description: 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.
Package: xaringanthemer
Title: Custom 'Xaringan' CSS Themes
Version: 0.2.0.9100
Authors@R:
person(given = "Garrick",
family = "Aden-Buie",
role = c("aut", "cre"),
email = "garrick@adenbuie.com",
comment = c(ORCID = "0000-0002-7111-0077"))
Description: Create beautifully color-cordinated and customized
themes for your 'xaringan' slides, without writing any CSS. Complete
your slide theme with 'ggplot2' themes that match the font and colors
used in your slides. Customized styles can be created directly in
your slides' 'R Markdown' source file or in a separate external
script.
License: MIT + file LICENSE
URL: https://github.com/gadenbuie/xaringanthemer
BugReports: https://github.com/gadenbuie/xaringanthemer/issues
Encoding: UTF-8
LazyData: true
RoxygenNote: 6.0.1
Roxygen: list(markdown = TRUE)
Suggests:
testthat,
xaringan,
here,
knitr,
rmarkdown
Depends:
R (>= 2.10)
Imports:
colorspace,
glue,
methods,
purrr,
tibble,
glue,
stringr
VignetteBuilder: knitr
utils,
whisker
Suggests:
callr,
ggplot2,
here,
knitr,
rmarkdown,
scales,
showtext,
sysfonts,
testthat (>= 2.1.0),
xaringan
VignetteBuilder:
knitr
Encoding: UTF-8
LazyData: true
Roxygen: list(markdown = TRUE)
RoxygenNote: 7.0.2

+ 1
- 1
LICENSE Просмотреть файл

@@ -1,2 +1,2 @@
YEAR: 2018
YEAR: 2020
COPYRIGHT HOLDER: Garrick Aden-Buie

+ 25
- 0
NAMESPACE Просмотреть файл

@@ -13,8 +13,33 @@ export(mono_accent)
export(mono_accent_inverse)
export(mono_dark)
export(mono_light)
export(scale_xaringan_color_continuous)
export(scale_xaringan_color_discrete)
export(scale_xaringan_colour_continuous)
export(scale_xaringan_colour_discrete)
export(scale_xaringan_continuous)
export(scale_xaringan_discrete)
export(scale_xaringan_fill_continuous)
export(scale_xaringan_fill_discrete)
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_get_value)
export(theme_xaringan_inverse)
export(theme_xaringan_restore_defaults)
export(theme_xaringan_set_defaults)
export(write_extra_css)
export(write_xaringan_theme)
importFrom(grDevices,col2rgb)

+ 59
- 0
NEWS.md Просмотреть файл

@@ -0,0 +1,59 @@
# xaringanthemer 0.3.0 (dev)

* Adds `theme_xaringan()`, a ggplot2 theme that automatically uses the colors
and font styles of your xaringanthemer style. Also adds
`scale_xaringan_discrete()` and `scale_xaringan_continuous()` functions that
use your slides' primary colors for the color or fill aesthetics. These theme
functions can recover the primary colors used in a xaringanthemer (>= 0.3.0)
CSS file even if you don't call the style function directly in your slides.

* 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
`inverse`, `center`, `middle`, or `bottom`-styled slides. When disabled,
you can still enable slide title headers by adding the `header_background`
class to a slide. (thanks, @Btibert3, #10)
* The underlying template now uses the `whisker` package.

* xaringanthemer styles now use CSS variables throughout. Most of the settings
used in defining a style are stored in CSS variables. The variable names are
documented in their corresponding arguments. For example, the color selected
for `background_color` is stored in the variable `--background-color`. These
variables can be used in custom CSS rules or in other arguments in any style
functions, for example as `var(--background-color)`.

* xaringanthemer now uses a different set of default fonts for heading and body
fonts. The new defaults use [Cabin](https://fonts.google.com/specimen/Cabin)
for headings and [Noto Sans](https://fonts.google.com/specimen/Noto+Sans) for
body text. These fonts are easier to read on screens and at a distance during
presentations, and they support a wide variety of languages and weights.
Another reason for the change is that the xaringan (remarkjs) default body
font, _Droid Serif_, is no longer officially included in Google Fonts.
* Additional colors can be provided in the `colors` argument, which takes a
named vector of colors. The names become both CSS classes and CSS variables
that can be used throughout your slide styles. For example,
`colors = c(red = "#d34213")` creates a `.red` CSS class for red foreground
text, a `.bg-red` CSS class for a red background, and a `--red` CSS variable
that can be referenced as `var(--red)` in any `_color` argument of your style
function.


## Bugfixes and Improvements

* Better handling of multiple `extra_fonts`, including improved error messages.
(Thanks @pat-s, #19).
* `style_extra_css()` (previously `write_extra_css()`) gained an `append`
argument so that it can append to or overwrite an existing file (thanks @pat-s, #17).

* The underlying tibble holding the theme template variables was updated to
work with `tibble 3.0.0` (thanks @techisdead, @SymbolixAU, #32).

+ 147
- 0
R/color.R Просмотреть файл

@@ -0,0 +1,147 @@
#' @title Generate lighter or darker version of a color
#' @description Produces a linear blend of the color with white or black.
#' @param color_hex A character string representing a hex color
#' @param strength The "strength" of the blend with white or black,
#' where 0 is entirely the original color and 1 is entirely white
#' (`lighten_color()`) or black (`darken_color()`).
#' @examples
#' blue <- "#0e6ba8"
#' blue_light <- lighten_color(blue, strength = 0.33)
#' blue_dark <- darken_color(blue, strength = 0.33)
#'
#' if (requireNamespace("scales", quietly = TRUE)) {
#' scales::show_col(c(blue_light, blue, blue_dark))
#' }
#'
#' @name lighten_darken_color
NULL

#' @rdname lighten_darken_color
#' @export
lighten_color <- function(color_hex, strength = 0.7) {
stopifnot(strength >= 0 && strength <= 1)
color_rgb <- col2rgb(color_hex)[, 1]
color_rgb <- (1 - strength) * color_rgb + strength * 255
rgb(color_rgb[1], color_rgb[2], color_rgb[3], maxColorValue = 255)
}

#' @rdname lighten_darken_color
#' @export
darken_color <- function(color_hex, strength = 0.8) {
stopifnot(strength >= 0 && strength <= 1)
color_rgb <- col2rgb(color_hex)[, 1]
color_rgb <- (1 - strength) * color_rgb
rgb(color_rgb[1], color_rgb[2], color_rgb[3], maxColorValue = 255)
}

#' @title Add alpha to hex color
#' @description Applies alpha (or opacity) to a color in hexadecimal form by
#' converting opacity in the `[0, 1]` range to hex in the `[0, 255]` range
#' and appending to the hex color.
#' @inheritParams lighten_darken_color
#' @param opacity Desired opacity of the output color
#' @examples
#' blue <- "#0e6ba8"
#' blue_transparent <- apply_alpha(blue)
#'
#' if (requireNamespace("scales", quietly = TRUE)) {
#' scales::show_col(c(blue, blue_transparent))
#' }
#'
#' @export
apply_alpha <- function(color_hex, opacity = 0.5) {
paste0(color_hex, as.hexmode(round(255 * opacity, 0)))
}

adjust_value_color <- function(color_hex, strength = 0.5) {
color_hsv <- rgb2hsv(col2rgb(color_hex))[, 1]
color_hsv["v"] <- strength
hsv(color_hsv[1], color_hsv[2], color_hsv[3])
}

#' Choose dark or light color
#'
#' Takes a color input as `x` and returns either the black or white color (or
#' expression) if dark or light text should be used over the input color for
#' best contrast. Follows W3C Recommendations.
#'
#' @references <https://stackoverflow.com/a/3943023/2022615>
#' @param x The background color (hex)
#' @param black Text or foreground color, e.g. "#222" or
#' `substitute(darken_color(x, 0.8))`, if black text provides the best contrast.
#' @param white Text or foreground color or expression, e.g. "#EEE" or
#' `substitute(lighten_color(x, 0.8))`, if white text provides the best contrast.
#' @examples
#' light_green <- "#c4d6b0"
#' contrast_green <- choose_dark_or_light(light_green)
#' dark_purple <- "#381d2a"
#' contrast_purple <- choose_dark_or_light(dark_purple)
#'
#' if (requireNamespace("scales", quietly = TRUE)) {
#' scales::show_col(c(light_green, contrast_green, dark_purple, contrast_purple))
#' }
#'
#' @export
choose_dark_or_light <- function(x, black = "#000000", white = "#FFFFFF") {
if (is_light_color(x)) eval(black) else eval(white)
}

is_light_color <- function(x) {
# this function returns TRUE if the given color
# is light-colored and requires dark text
color_rgb <- col2rgb(x)[, 1]
# from https://stackoverflow.com/a/3943023/2022615
color_rgb <- color_rgb / 255
color_rgb[color_rgb <= 0.03928] <- color_rgb[color_rgb <= 0.03928] / 12.92
color_rgb[color_rgb > 0.03928] <- ((color_rgb[color_rgb > 0.03928] + 0.055) / 1.055)^2.4
lum <- t(c(0.2126, 0.7152, 0.0722)) %*% color_rgb
lum[1, 1] > 0.179
}

prepare_colors <- function(colors = NULL) {
if (is.null(colors) || length(colors) < 1) return(NULL)

if (is.null(names(colors))) {
stop(
"`colors` must have names corresponding to valid CSS classes",
call. = FALSE
)
}

if (any(grepl("\\s", names(colors)))) {
stop(
"Color names in `colors` must be valid CSS classes",
" and cannot contain spaces",
call. = FALSE)
}

if (any(grepl("[^[:alpha:]_-]", names(colors)))) {
stop("Color names in `colors` must be valid CSS classes", call. = FALSE)
}

whisker::iteratelist(colors, "color_name")
}

full_length_hex <- function(x) {
varname <- substitute(x)
stop_not_hex <- function() {
stop(str_wrap(
"`", deparse(varname), "` is not a hexadecimal color: ", x, ". ",
"If you used valid CSS colors in your xaringan theme, please convert ",
"these colors to hexadecimal form, as this is the format required by ",
"ggplot2."
), call. = FALSE)
}
if (!grepl("^#", x) || grepl("[^#0-9a-fA-F]", x)) {
stop_not_hex()
}
x <- sub("^#", "", x)
if (nchar(x) == 3) {
x <- strsplit(x, character(0))[[1]]
x <- rep(x, each = 2)
x <- paste(x, collapse = "")
} else if (nchar(x) != 6) {
stop_not_hex()
}
paste0("#", x)
}

+ 0
- 26
R/coolors.R Просмотреть файл

@@ -1,26 +0,0 @@
# Xaringan Theme from Coolors URL
# ex: https://coolors.co/fcf7f8-06d6a0-fcb0b3-f93943-7eb2dd
# ex: https://coolors.co/e06c53-ffba49-a3d9ff-d6efff-7e6b8f
# ex: https://coolors.co/ff5e5b-b9d8c2-ffffea-00cecb-ffed66
xaringan_coolors_accent <- function(coolors_url, order = "12345", ...) {
stopifnot(length(coolors_url) == 1)
colors <- coolors2colors(coolors_url)
order <- stringr::str_split(order, "")[1]
order <- unlist(purrr::map(order, as.integer))
colors <- colors[order]

colors <- list(
primary = colors[1],
secondary = colors[2]
)

return(colors)
}

coolors2colors <- function(url) {
colors <- stringr::str_extract(url, "([a-f0-9]{6}-?){5}")
colors <- stringr::str_split(colors, "-")
colors <- purrr::map(colors, ~ paste0("#", .))
if (length(colors) == 1) colors[[1]]
else colors
}

+ 71
- 0
R/css.R Просмотреть файл

@@ -0,0 +1,71 @@
read_css_vars <- function(file = NULL) {
if (is.null(file)) {
css_candidates <- find_xaringan_themer_css()
file <- choose_xaringan_themer_css(css_candidates)
}

css_get_root(file)
}

find_xaringan_themer_css <- function() {
# finds xaringan themer files within or below current working directory
# and is only ever intended to be called in that situation
css_files <- list.files(pattern = "css$", recursive = TRUE, full.names = TRUE)
css_files_head <- purrr::map(css_files, readLines, n = 5)
is_xt <- grepl(pattern = "generated by xaringanthemer", css_files_head, fixed = TRUE)

css_files[is_xt]
}

choose_xaringan_themer_css <- function(css_candidates = character(0)) {
if (!length(css_candidates)) {
stop("Unable to locate a xaringanthemer css file.", call. = FALSE)
} else if (length(css_candidates) == 1) {
file <- css_candidates
} else if (length(css_candidates) > 1) {
is_xaringan_themer_css <- grepl("xaringan-themer.css", css_candidates, fixed = TRUE)
if (any(is_xaringan_themer_css)) {
file <- css_candidates[is_xaringan_themer_css][1]
} else {
file <- css_candidates[1]
message(glue::glue("Using xaringanthemer theme in {file}"))
}
}
file
}

css_get_root <- function(file) {
x <- readLines(file, warn = FALSE)
x <- paste(x, collapse = "\n")
where <- regexpr(":root\\s*\\{[^}]+\\}", x)
if (where < 0) return(NULL)
x <- substr(x, where, where + attr(where, "match.length"))
x <- strsplit(x, "\n")[[1]]
m <- regexec("--(.+):\\s*(.+?);", x)
x <- regmatches(x, m)
x <- purrr::compact(x)
vars <- gsub("-", "_", purrr::map_chr(x, `[`, 2))
values <- purrr::map(x, `[`, 3)
names(values) <- vars
for (font_type in c("text", "header", "code")) {
font_is_google <- paste0(font_type, "_font_is_google")
values[[font_is_google]] <- if (!is.null(values[[font_is_google]])) {
values[[font_is_google]] %in% c("1", "TRUE", "true", "yes")
} else FALSE
}
values
}

css_get_padding <- function(x) {
stopifnot(length(x) == 1)
x <- trimws(x)
x <- as.list(strsplit(x, " ")[[1]])
stopifnot(length(x) %in% c(1, 2, 4))
names(x) <- c("top", "right", "bottom", "left")[seq_along(x)]
list(
top = x$top,
right = x$right %||% x$top,
bottom = x$bottom %||% x$top,
left = x$left %||% x$right %||% x$top
)
}

+ 0
- 122
R/duo.R Просмотреть файл

@@ -1,122 +0,0 @@
#' @param primary_color Duotone Primary Color. Defaults to #1F4257. Modifies multiple CSS classes or elements.
#' @param secondary_color Duotone Secondary Color. Defaults to #F97B64. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `secondary_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `primary_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `secondary_color`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `secondary_color`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `text_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `secondary_color`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `secondary_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `primary_color`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `primary_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `secondary_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `primary_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(secondary_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `secondary_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(secondary_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `lighten_color(primary_color, 0.3)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template duo
#' @family Duotone themes
#' @export
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)),
header_color = secondary_color,
background_color = primary_color,
link_color = secondary_color,
text_bold_color = secondary_color,
text_slide_number_color = text_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = secondary_color,
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = secondary_color,
inverse_text_color = primary_color,
inverse_text_shadow = FALSE,
inverse_header_color = primary_color,
title_slide_text_color = secondary_color,
title_slide_background_color = primary_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(secondary_color, 0.6),
left_column_selected_color = secondary_color,
blockquote_left_border_color = apply_alpha(secondary_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(primary_color, 0.3),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 126
R/duo_accent.R Просмотреть файл

@@ -1,126 +0,0 @@
#' @param primary_color Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.
#' @param secondary_color Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.
#' @param white_color Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.
#' @param black_color Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `black_color`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `primary_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `white_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `choose_dark_or_light(secondary_color, primary_color, secondary_color)`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `choose_dark_or_light(secondary_color, primary_color, secondary_color)`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `primary_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `choose_dark_or_light(secondary_color, primary_color, secondary_color)`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `secondary_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `choose_dark_or_light(secondary_color, black_color, white_color)`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `choose_dark_or_light(secondary_color, black_color, white_color)`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `choose_dark_or_light(primary_color, black_color, white_color)`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `primary_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(primary_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `primary_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(secondary_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `lighten_color(secondary_color, 0.3)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template duo_accent
#' @family Duotone themes
#' @export
duo_accent <- function(
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, secondary_color),
text_slide_number_color = primary_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = choose_dark_or_light(secondary_color, primary_color, secondary_color),
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = secondary_color,
inverse_text_color = choose_dark_or_light(secondary_color, black_color, white_color),
inverse_text_shadow = FALSE,
inverse_header_color = choose_dark_or_light(secondary_color, black_color, white_color),
title_slide_text_color = choose_dark_or_light(primary_color, black_color, white_color),
title_slide_background_color = primary_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(primary_color, 0.6),
left_column_selected_color = primary_color,
blockquote_left_border_color = apply_alpha(secondary_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(secondary_color, 0.3),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 126
R/duo_accent_inverse.R Просмотреть файл

@@ -1,126 +0,0 @@
#' @param primary_color Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.
#' @param secondary_color Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.
#' @param white_color Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.
#' @param black_color Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `white_color`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `primary_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `black_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `choose_dark_or_light(secondary_color, secondary_color, primary_color)`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `choose_dark_or_light(secondary_color, secondary_color, primary_color)`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `primary_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `choose_dark_or_light(secondary_color, secondary_color, primary_color)`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `secondary_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `choose_dark_or_light(secondary_color, black_color, white_color)`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `choose_dark_or_light(secondary_color, black_color, white_color)`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `choose_dark_or_light(primary_color, black_color, white_color)`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `primary_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(primary_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `primary_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(secondary_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.3)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template duo_accent_inverse
#' @family Duotone themes
#' @export
duo_accent_inverse <- function(
primary_color = "#006747",
secondary_color = "#CFC493",
white_color = "#FFFFFF",
black_color = "#000000",
text_color = white_color,
header_color = primary_color,
background_color = black_color,
link_color = choose_dark_or_light(secondary_color, secondary_color, primary_color),
text_bold_color = choose_dark_or_light(secondary_color, secondary_color, primary_color),
text_slide_number_color = primary_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = choose_dark_or_light(secondary_color, secondary_color, primary_color),
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = secondary_color,
inverse_text_color = choose_dark_or_light(secondary_color, black_color, white_color),
inverse_text_shadow = FALSE,
inverse_header_color = choose_dark_or_light(secondary_color, black_color, white_color),
title_slide_text_color = choose_dark_or_light(primary_color, black_color, white_color),
title_slide_background_color = primary_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(primary_color, 0.6),
left_column_selected_color = primary_color,
blockquote_left_border_color = apply_alpha(secondary_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.3),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 1006
- 0
R/ggplot2.R
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


+ 0
- 124
R/mono_accent.R Просмотреть файл

@@ -1,124 +0,0 @@
#' @param base_color Monotone Base Color, works best with a strong color.. Defaults to #43418A. Modifies multiple CSS classes or elements.
#' @param white_color Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.
#' @param black_color Darkest color used. Defaults to #272822. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `black_color`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `white_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `base_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `white_color`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `white_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(base_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `base_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `lighten_color(base_color, 0.7)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_accent
#' @family Monotone themes
#' @export
mono_accent <- function(
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,
text_slide_number_color = base_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = white_color,
inverse_text_shadow = FALSE,
inverse_header_color = white_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(base_color, 0.7),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 124
R/mono_accent_inverse.R Просмотреть файл

@@ -1,124 +0,0 @@
#' @param base_color Monotone Base Color, works best with a light color.. Defaults to #3C989E. Modifies multiple CSS classes or elements.
#' @param white_color Brightest color used, default is a very light version of `base_color`. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.
#' @param black_color Darkest color used, default is a very dark, version of `base_color`. Defaults to `darken_color(base_color, 0.9)`. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `white_color`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `black_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `base_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `black_color`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `black_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(base_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `base_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `darken_color(base_color, 0.7)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_accent_inverse
#' @family Monotone themes
#' @export
mono_accent_inverse <- function(
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,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = black_color,
inverse_text_shadow = FALSE,
inverse_header_color = black_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = darken_color(base_color, 0.7),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 124
R/mono_dark.R Просмотреть файл

@@ -1,124 +0,0 @@
#' @param base_color Monotone Base Color, works best with a light color.. Defaults to #cbf7ed. Modifies multiple CSS classes or elements.
#' @param white_color Brightest color used, default is a very light version of `base_color`. Defaults to `lighten_color(base_color, 0.8)`. Modifies multiple CSS classes or elements.
#' @param black_color Darkest color used, default is a very dark, version of `base_color`. Defaults to `darken_color(base_color, 0.85)`. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `white_color`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `black_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `base_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `black_color`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `black_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(base_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `base_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `darken_color(base_color, 0.7)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_dark
#' @family Monotone themes
#' @export
mono_dark <- function(
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,
background_color = black_color,
link_color = base_color,
text_bold_color = base_color,
text_slide_number_color = base_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = black_color,
inverse_text_shadow = FALSE,
inverse_header_color = black_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = darken_color(base_color, 0.7),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 124
R/mono_light.R Просмотреть файл

@@ -1,124 +0,0 @@
#' @param base_color Monotone base color, works best with a strong color. Defaults to #23395b. Modifies multiple CSS classes or elements.
#' @param white_color Brightest color used, default is a very light version of `base_color`. Defaults to `lighten_color(base_color, 0.9)`. Modifies multiple CSS classes or elements.
#' @param black_color Darkest color used, default is a very dark, version of `base_color`. Defaults to `darken_color(base_color, 0.3)`. Modifies multiple CSS classes or elements.
#' @param text_color Text Color. Defaults to `black_color`. Modifies the `body` element.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to `white_color`. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to `base_color`. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to `white_color`. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `white_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to `apply_alpha(base_color, 0.6)`. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to `base_color`. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to `lighten_color(base_color, 0.8)`. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template mono_light
#' @family Monotone themes
#' @export
mono_light <- function(
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,
background_color = white_color,
link_color = base_color,
text_bold_color = base_color,
text_slide_number_color = base_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = white_color,
inverse_text_shadow = FALSE,
inverse_header_color = white_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(base_color, 0.8),
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 118
R/solarized_dark.R Просмотреть файл

@@ -1,118 +0,0 @@
#' @param text_color Text Color. Defaults to #839496. Modifies the `body` element.
#' @param header_color Header Color. Defaults to #dc322f. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to #002b36. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to #b58900. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to #d33682. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to #586e75. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to #268bd240. Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to #6c71c4. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to #fdf6e3. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to #002b36. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `inverse_text_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to #586e75. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to #93a1a1. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to #cb4b16. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #657b83. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #657b83. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to #073642. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template solarized_dark
#' @family Solarized themes
#' @export
solarized_dark <- function(
text_color = "#839496",
header_color = "#dc322f",
background_color = "#002b36",
link_color = "#b58900",
text_bold_color = "#d33682",
text_slide_number_color = "#586e75",
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "#268bd240",
code_inline_color = "#6c71c4",
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = "#fdf6e3",
inverse_text_color = "#002b36",
inverse_text_shadow = FALSE,
inverse_header_color = inverse_text_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = "#586e75",
left_column_selected_color = "#93a1a1",
blockquote_left_border_color = "#cb4b16",
table_border_color = "#657b83",
table_row_border_color = "#657b83",
table_row_even_background_color = "#073642",
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 0
- 118
R/solarized_light.R Просмотреть файл

@@ -1,118 +0,0 @@
#' @param text_color Text Color. Defaults to #657b83. Modifies the `body` element.
#' @param header_color Header Color. Defaults to #dc322f. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to #fdf6e3. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to #b58900. Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to #d33682. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to #93a1a1. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to #268bd240. Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to #6c71c4. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to #002b36. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to #fdf6e3. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `inverse_text_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to #93a1a1. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to #586e75. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to #cb4b16. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #839496. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #839496. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to #eee8d5. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template solarized_light
#' @family Solarized themes
#' @export
solarized_light <- function(
text_color = "#657b83",
header_color = "#dc322f",
background_color = "#fdf6e3",
link_color = "#b58900",
text_bold_color = "#d33682",
text_slide_number_color = "#93a1a1",
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "#268bd240",
code_inline_color = "#6c71c4",
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = "#002b36",
inverse_text_color = "#fdf6e3",
inverse_text_shadow = FALSE,
inverse_header_color = inverse_text_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = "#93a1a1",
left_column_selected_color = "#586e75",
blockquote_left_border_color = "#cb4b16",
table_border_color = "#839496",
table_row_border_color = "#839496",
table_row_even_background_color = "#eee8d5",
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_write_xaringan_theme()))
}

+ 292
- 0
R/style_duo.R Просмотреть файл

@@ -0,0 +1,292 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param primary_color Duotone Primary Color. Defaults to #1F4257. Used in
#' multiple CSS rules.
#' @param secondary_color Duotone Secondary Color. Defaults to #F97B64. Used in
#' multiple CSS rules.
#' @param text_color Text Color. Defaults to
#' `choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))`.
#' Modifies the `body` element. The value of this variable is also stored as
#' a CSS variable that can be referenced with `var(--text_color)` in any
#' argument of a style function or in custom CSS.
#' @param header_color Header Color. Defaults to `secondary_color`. Modifies
#' the `h1, h2, h3` elements. The value of this variable is also stored as a
#' CSS variable that can be referenced with `var(--header-color)` in any
#' argument of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `primary_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to `secondary_color`. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to `secondary_color`.
#' Modifies the `strong` element. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--text-bold-color)` in
#' any argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to `text_color`.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to `secondary_color`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `secondary_color`. Modifies the `.inverse` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to `primary_color`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to
#' `primary_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3`
#' classes. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--inverse-header-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `secondary_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `primary_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-background-color)` in any argument of a style function
#' or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(secondary_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `secondary_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(secondary_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to `lighten_color(primary_color, 0.9)`. Modifies the
#' `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_duo
#' @family Duotone themes
#' @export
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)),
header_color = secondary_color,
background_color = primary_color,
link_color = secondary_color,
text_bold_color = secondary_color,
text_slide_number_color = text_color,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = secondary_color,
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = secondary_color,
inverse_text_color = primary_color,
inverse_text_shadow = FALSE,
inverse_header_color = primary_color,
title_slide_text_color = secondary_color,
title_slide_background_color = primary_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(secondary_color, 0.6),
left_column_selected_color = secondary_color,
blockquote_left_border_color = apply_alpha(secondary_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(primary_color, 0.9),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 302
- 0
R/style_duo_accent.R Просмотреть файл

@@ -0,0 +1,302 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param primary_color Duotone Primary Color. Defaults to #006747. Used in
#' multiple CSS rules.
#' @param secondary_color Duotone Secondary Color. Defaults to #CFC493. Used in
#' multiple CSS rules.
#' @param white_color Brightest color used. Defaults to #FFFFFF. Used in
#' multiple CSS rules.
#' @param black_color Darkest color used. Defaults to #000000. Used in multiple
#' CSS rules.
#' @param text_color Text Color. Defaults to `black_color`. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to `primary_color`. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `white_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to
#' `choose_dark_or_light(secondary_color, primary_color, secondary_color)`.
#' Modifies the `a, a > code` elements. The value of this variable is also
#' stored as a CSS variable that can be referenced with `var(--link-color)`
#' in any argument of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to
#' `choose_dark_or_light(secondary_color, primary_color, secondary_color)`.
#' Modifies the `strong` element. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--text-bold-color)` in
#' any argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to
#' `primary_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to
#' `choose_dark_or_light(secondary_color, primary_color, secondary_color)`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `secondary_color`. Modifies the `.inverse` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to
#' `choose_dark_or_light(secondary_color, black_color, white_color)`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to
#' `choose_dark_or_light(secondary_color, black_color, white_color)`.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `choose_dark_or_light(primary_color, black_color, white_color)`. Modifies
#' the `.title-slide` class. The value of this variable is also stored as a
#' CSS variable that can be referenced with `var(--title-slide-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `primary_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-background-color)` in any argument of a style function
#' or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(primary_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `primary_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(secondary_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to `lighten_color(secondary_color, 0.8)`. Modifies the
#' `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_duo_accent
#' @family Duotone themes
#' @export
style_duo_accent <- function(
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, secondary_color),
text_slide_number_color = primary_color,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = choose_dark_or_light(secondary_color, primary_color, secondary_color),
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = secondary_color,
inverse_text_color = choose_dark_or_light(secondary_color, black_color, white_color),
inverse_text_shadow = FALSE,
inverse_header_color = choose_dark_or_light(secondary_color, black_color, white_color),
title_slide_text_color = choose_dark_or_light(primary_color, black_color, white_color),
title_slide_background_color = primary_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(primary_color, 0.6),
left_column_selected_color = primary_color,
blockquote_left_border_color = apply_alpha(secondary_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(secondary_color, 0.8),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 303
- 0
R/style_duo_accent_inverse.R Просмотреть файл

@@ -0,0 +1,303 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param primary_color Duotone Primary Color. Defaults to #006747. Used in
#' multiple CSS rules.
#' @param secondary_color Duotone Secondary Color. Defaults to #CFC493. Used in
#' multiple CSS rules.
#' @param white_color Brightest color used. Defaults to #FFFFFF. Used in
#' multiple CSS rules.
#' @param black_color Darkest color used. Defaults to #000000. Used in multiple
#' CSS rules.
#' @param text_color Text Color. Defaults to `white_color`. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to `primary_color`. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `black_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to
#' `choose_dark_or_light(secondary_color, secondary_color, primary_color)`.
#' Modifies the `a, a > code` elements. The value of this variable is also
#' stored as a CSS variable that can be referenced with `var(--link-color)`
#' in any argument of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to
#' `choose_dark_or_light(secondary_color, secondary_color, primary_color)`.
#' Modifies the `strong` element. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--text-bold-color)` in
#' any argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to
#' `primary_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to
#' `choose_dark_or_light(secondary_color, secondary_color, primary_color)`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `secondary_color`. Modifies the `.inverse` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to
#' `choose_dark_or_light(secondary_color, black_color, white_color)`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to
#' `choose_dark_or_light(secondary_color, black_color, white_color)`.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `choose_dark_or_light(primary_color, black_color, white_color)`. Modifies
#' the `.title-slide` class. The value of this variable is also stored as a
#' CSS variable that can be referenced with `var(--title-slide-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `primary_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-background-color)` in any argument of a style function
#' or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(primary_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `primary_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(secondary_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to
#' `darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)`.
#' Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_duo_accent_inverse
#' @family Duotone themes
#' @export
style_duo_accent_inverse <- function(
primary_color = "#006747",
secondary_color = "#CFC493",
white_color = "#FFFFFF",
black_color = "#000000",
text_color = white_color,
header_color = primary_color,
background_color = black_color,
link_color = choose_dark_or_light(secondary_color, secondary_color, primary_color),
text_bold_color = choose_dark_or_light(secondary_color, secondary_color, primary_color),
text_slide_number_color = primary_color,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = choose_dark_or_light(secondary_color, secondary_color, primary_color),
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = secondary_color,
inverse_text_color = choose_dark_or_light(secondary_color, black_color, white_color),
inverse_text_shadow = FALSE,
inverse_header_color = choose_dark_or_light(secondary_color, black_color, white_color),
title_slide_text_color = choose_dark_or_light(primary_color, black_color, white_color),
title_slide_background_color = primary_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(primary_color, 0.6),
left_column_selected_color = primary_color,
blockquote_left_border_color = apply_alpha(secondary_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 143
- 0
R/style_extra_css.R Просмотреть файл

@@ -0,0 +1,143 @@
#' Add Extra CSS Styles
#'
#' 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
#' named list of class identifiers, for example
#' `list(".class-id" = list("css-property" = "value"))`.
#'
#' @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"))`
#' @param append If `TRUE` output will be appended to `outfile`; otherwise,
#' it will overwrite the contents of `outfile`.
#' @param heading Heading added above extra CSS. Use `NULL` to disable.
#'
#' @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
style_extra_css <- function(
css,
outfile = "xaringan-themer.css",
append = TRUE,
heading = "Extra CSS"
) {
has_heading <- !is.null(heading)
x <- paste0(
if (has_heading) paste0("/* ", heading, " */\n"),
list2css(css)
)
if (append) x <- paste0(if (has_heading) "\n\n" else "\n", x)
if (is.null(outfile)) return(x)
cat(
x,
file = outfile,
append = append,
sep = "\n"
)
invisible(x)
}

#' @inheritParams style_extra_css
#' @keywords internal
list2css <- function(css) {
`%.%` <- function(x, y) paste0(x, y)
error <- NULL
if (is.null(names(css))) {
stop("All elements in `css` list must be named", call. = FALSE)
}
if (purrr::vec_depth(css) != 3) {
stop(str_wrap(
"`css` list must be a named list within a named list, e.g.:\n",
' list(".class-id" = list("css-property" = "value"))'
))
}
if (any(names(css) == "")) {
not_named <- which(names(css) == "")
if (length(not_named) > 1) {
stop(str_wrap(
call. = FALSE,
"All elements in `css` list must be named. Items ",
paste(not_named, collapse = ", "),
" are unnamed."
))
} else {
stop(str_wrap(
call. = FALSE,
"All elements in `css` list must be named. Item ",
not_named,
" is not named."
))
}
}
child_unnamed <- purrr::map_lgl(purrr::map(css, ~ {
is.null(names(.)) || any(names(.) == "")
}), ~ any(.))
if (any(child_unnamed)) {
has_unnamed <- names(css)[child_unnamed]
msg <- paste(
"All properties of elements in `css` list must be named.",
if (length(has_unnamed) > 1) "Elements" else "Element",
paste(has_unnamed, collapse = ", "),
if (length(has_unnamed) > 1) "have" else "has",
"unnamed property or properties."
)
stop(str_wrap(msg), call. = FALSE)
}

x <- purrr::imap_chr(css, function(rules, selector) {
paste(
sep = "\n",
selector %.% " {",
paste(
purrr::imap_chr(rules, function(value, prop) {
" " %.% prop %.% ": " %.% value %.% ";"
}),
collapse = "\n"
),
"}"
)
})
unname(x)
}

list2fonts <- function(fonts) {
if (
length(setdiff(names(google_font('fam')), names(fonts))) == 0 &&
!inherits(fonts, "google_font")
) {
# concatenating a string and a google_font() provides a wacky list
stop(
"Multiple fonts in `extra_fonts` must be specified inside a `list()`.",
call. = FALSE
)
}
if (inherits(fonts, "google_font")) {
fonts <- list(fonts)
}
fonts <- purrr::map_chr(fonts, function(f) {
if (inherits(f, "google_font")) {
f$url
} else if (inherits(f, "character")) {
f
} else {
NA_character_
}
})
paste0("@import url(", fonts[!is.na(fonts)], ");")
}

+ 294
- 0
R/style_mono_accent.R Просмотреть файл

@@ -0,0 +1,294 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param base_color Monotone Base Color, works best with a strong color.
#' Defaults to #43418A. Used in multiple CSS rules.
#' @param white_color Brightest color used. Defaults to #FFFFFF. Used in
#' multiple CSS rules.
#' @param black_color Darkest color used. Defaults to #272822. Used in multiple
#' CSS rules.
#' @param text_color Text Color. Defaults to `black_color`. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `white_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies
#' the `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `base_color`. Modifies the `.inverse` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to `white_color`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `white_color`.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(base_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `base_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to `lighten_color(base_color, 0.8)`. Modifies the
#' `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_mono_accent
#' @family Monotone themes
#' @export
style_mono_accent <- function(
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,
text_slide_number_color = base_color,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = white_color,
inverse_text_shadow = FALSE,
inverse_header_color = white_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(base_color, 0.8),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 295
- 0
R/style_mono_accent_inverse.R Просмотреть файл

@@ -0,0 +1,295 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param base_color Monotone Base Color, works best with a light color.
#' Defaults to #3C989E. Used in multiple CSS rules.
#' @param white_color Brightest color used, default is a very light version of
#' `base_color`. Defaults to #FFFFFF. Used in multiple CSS rules.
#' @param black_color Darkest color used, default is a very dark, version of
#' `base_color`. Defaults to `darken_color(base_color, 0.9)`. Used in
#' multiple CSS rules.
#' @param text_color Text Color. Defaults to `white_color`. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `black_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies
#' the `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `base_color`. Modifies the `.inverse` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to `black_color`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `black_color`.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(base_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `base_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to `darken_color(base_color, 0.8)`. Modifies the
#' `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_mono_accent_inverse
#' @family Monotone themes
#' @export
style_mono_accent_inverse <- function(
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,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = black_color,
inverse_text_shadow = FALSE,
inverse_header_color = black_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = darken_color(base_color, 0.8),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 296
- 0
R/style_mono_dark.R Просмотреть файл

@@ -0,0 +1,296 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param base_color Monotone Base Color, works best with a light color..
#' Defaults to #cbf7ed. Used in multiple CSS rules.
#' @param white_color Brightest color used, default is a very light version of
#' `base_color`. Defaults to `lighten_color(base_color, 0.8)`. Used in
#' multiple CSS rules.
#' @param black_color Darkest color used, default is a very dark, version of
#' `base_color`. Defaults to `darken_color(base_color, 0.85)`. Used in
#' multiple CSS rules.
#' @param text_color Text Color. Defaults to `white_color`. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `black_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies
#' the `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `base_color`. Modifies the `.inverse` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to `black_color`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `black_color`.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(base_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `base_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to `darken_color(base_color, 0.7)`. Modifies the
#' `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_mono_dark
#' @family Monotone themes
#' @export
style_mono_dark <- function(
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,
background_color = black_color,
link_color = base_color,
text_bold_color = base_color,
text_slide_number_color = base_color,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = black_color,
inverse_text_shadow = FALSE,
inverse_header_color = black_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = darken_color(base_color, 0.7),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 296
- 0
R/style_mono_light.R Просмотреть файл

@@ -0,0 +1,296 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param base_color Monotone base color, works best with a strong color.
#' Defaults to #23395b. Used in multiple CSS rules.
#' @param white_color Brightest color used, default is a very light version of
#' `base_color`. Defaults to `lighten_color(base_color, 0.9)`. Used in
#' multiple CSS rules.
#' @param black_color Darkest color used, default is a very dark, version of
#' `base_color`. Defaults to `darken_color(base_color, 0.3)`. Used in
#' multiple CSS rules.
#' @param text_color Text Color. Defaults to `black_color`. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to `base_color`. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to `white_color`.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to `base_color`. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to `base_color`. Modifies
#' the `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to `base_color`.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to `base_color`.
#' Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' `base_color`. Modifies the `.inverse` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to `white_color`.
#' Modifies the `.inverse` class. The value of this variable is also stored
#' as a CSS variable that can be referenced with `var(--inverse-text-color)`
#' in any argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to `white_color`.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' `apply_alpha(base_color, 0.6)`. Modifies the
#' `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' `base_color`. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to `apply_alpha(base_color, 0.5)`. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to `lighten_color(base_color, 0.8)`. Modifies the
#' `thead, tfoot, tr:nth-child(even)` elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_mono_light
#' @family Monotone themes
#' @export
style_mono_light <- function(
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,
background_color = white_color,
link_color = base_color,
text_bold_color = base_color,
text_slide_number_color = base_color,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = base_color,
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = base_color,
inverse_text_color = white_color,
inverse_text_shadow = FALSE,
inverse_header_color = white_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = apply_alpha(base_color, 0.6),
left_column_selected_color = base_color,
blockquote_left_border_color = apply_alpha(base_color, 0.5),
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = lighten_color(base_color, 0.8),
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 284
- 0
R/style_solarized_dark.R Просмотреть файл

@@ -0,0 +1,284 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param text_color Text Color. Defaults to #839496. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to #dc322f. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to #002b36.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to #b58900. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to #d33682. Modifies the
#' `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to #586e75.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to #268bd240.
#' Modifies the `.remark-code-line-highlighted` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--code-highlight-color)` in any argument of a style function or in
#' custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to #6c71c4. Modifies
#' the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' #fdf6e3. Modifies the `.inverse` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to #002b36. Modifies
#' the `.inverse` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--inverse-text-color)` in any
#' argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to
#' `inverse_text_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3`
#' classes. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--inverse-header-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' #586e75. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' #93a1a1. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to #cb4b16. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #657b83.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #657b83. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to #073642. Modifies the `thead, tfoot, tr:nth-child(even)`
#' elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_solarized_dark
#' @family Solarized themes
#' @export
style_solarized_dark <- function(
text_color = "#839496",
header_color = "#dc322f",
background_color = "#002b36",
link_color = "#b58900",
text_bold_color = "#d33682",
text_slide_number_color = "#586e75",
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "#268bd240",
code_inline_color = "#6c71c4",
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = "#fdf6e3",
inverse_text_color = "#002b36",
inverse_text_shadow = FALSE,
inverse_header_color = inverse_text_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = "#586e75",
left_column_selected_color = "#93a1a1",
blockquote_left_border_color = "#cb4b16",
table_border_color = "#657b83",
table_row_border_color = "#657b83",
table_row_even_background_color = "#073642",
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 284
- 0
R/style_solarized_light.R Просмотреть файл

@@ -0,0 +1,284 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param text_color Text Color. Defaults to #657b83. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text_color)` in any argument of a style
#' function or in custom CSS.
#' @param header_color Header Color. Defaults to #dc322f. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to #fdf6e3.
#' Modifies the `.remark-slide-content` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to #b58900. Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to #d33682. Modifies the
#' `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to #93a1a1.
#' Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to #268bd240.
#' Modifies the `.remark-code-line-highlighted` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--code-highlight-color)` in any argument of a style function or in
#' custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to #6c71c4. Modifies
#' the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' #002b36. Modifies the `.inverse` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to #fdf6e3. Modifies
#' the `.inverse` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--inverse-text-color)` in any
#' argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to
#' `inverse_text_color`. Modifies the `.inverse h1, .inverse h2, .inverse h3`
#' classes. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--inverse-header-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' #93a1a1. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' #586e75. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to #cb4b16. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #839496.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #839496. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to #eee8d5. Modifies the `thead, tfoot, tr:nth-child(even)`
#' elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_solarized_light
#' @family Solarized themes
#' @export
style_solarized_light <- function(
text_color = "#657b83",
header_color = "#dc322f",
background_color = "#fdf6e3",
link_color = "#b58900",
text_bold_color = "#d33682",
text_slide_number_color = "#93a1a1",
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "#268bd240",
code_inline_color = "#6c71c4",
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = "#002b36",
inverse_text_color = "#fdf6e3",
inverse_text_shadow = FALSE,
inverse_header_color = inverse_text_color,
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = "#93a1a1",
left_column_selected_color = "#586e75",
blockquote_left_border_color = "#cb4b16",
table_border_color = "#839496",
table_row_border_color = "#839496",
table_row_even_background_color = "#eee8d5",
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
eval(parse(text = call_style_xaringan()))
}

+ 419
- 0
R/style_xaringan.R Просмотреть файл

@@ -0,0 +1,419 @@
# Generated by inst/scripts/generate_theme_functions.R: do not edit by hand

#' @param text_color Text Color. Defaults to #000. Modifies the `body` element.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text_color)` in any argument of a style function or
#' in custom CSS.
#' @param header_color Header Color. Defaults to #000. Modifies the
#' `h1, h2, h3` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--header-color)` in any argument
#' of a style function or in custom CSS.
#' @param background_color Slide Background Color. Defaults to #FFF. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--background-color)` in any argument of a style function or in custom
#' CSS.
#' @param link_color Link Color. Defaults to rgb(249, 38, 114). Modifies the
#' `a, a > code` elements. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--link-color)` in any argument
#' of a style function or in custom CSS.
#' @param text_bold_color Bold Text Color. Defaults to `NULL`. Modifies the
#' `strong` element. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--text-bold-color)` in any
#' argument of a style function or in custom CSS.
#' @param text_slide_number_color Slide Number Color. Defaults to
#' `inverse_background_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults
#' to 16px 64px 16px 64px. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide.
#' Set `title_slide_background_image = "none"` to remove the background image
#' from the title slide. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param background_size 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. Defaults to
#' `NULL`. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires
#' `background_image` to be set, and it is recommended to adjust
#' `background_size`. Defaults to `NULL`. Modifies the
#' `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to
#' rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' The value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--code-highlight-color)` in any argument of a style
#' function or in custom CSS.
#' @param code_inline_color Inline Code Color. Defaults to #000. Modifies the
#' `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults
#' to `NULL`. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em.
#' Modifies the `.remark-inline-code` class. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--code-inline-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param inverse_background_color Inverse Background Color. Defaults to
#' #272822. Modifies the `.inverse` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--inverse-background-color)` in any argument of a style function or
#' in custom CSS.
#' @param inverse_text_color Inverse Text Color. Defaults to #d6d6d6. Modifies
#' the `.inverse` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--inverse-text-color)` in any
#' argument of a style function or in custom CSS.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides.
#' Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to #f3f3f3.
#' Modifies the `.inverse h1, .inverse h2, .inverse h3` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--inverse-header-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_text_color Title Slide Text Color. Defaults to
#' `inverse_text_color`. Modifies the `.title-slide` class. The value of this
#' variable is also stored as a CSS variable that can be referenced with
#' `var(--title-slide-text-color)` in any argument of a style function or in
#' custom CSS.
#' @param title_slide_background_color Title Slide Background Color. Defaults
#' to `inverse_background_color`. Modifies the `.title-slide` class. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--title-slide-background-color)` in any argument of a
#' style function or in custom CSS.
#' @param title_slide_background_image Title Slide Background Image URL.
#' Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size,
#' defaults to "cover" if background image is set. Defaults to `NULL`.
#' Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image
#' Position. Defaults to `NULL`. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same
#' color as `text_color`). Defaults to `NULL`. Modifies the `.footnote`
#' class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies
#' the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen.
#' Defaults to 60px. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to
#' #777. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to
#' #000. Modifies the
#' `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults
#' to lightgray. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666.
#' Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to
#' #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color.
#' Defaults to #eee. Modifies the `thead, tfoot, tr:nth-child(even)`
#' elements.
#' @param base_font_size Base Font Size for All Slide Elements (must be `px`).
#' Defaults to 20px. Modifies the `html` element. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--base-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param text_font_size Slide Body Text Font Size. Defaults to 1rem. Modifies
#' the `.remark-slide-content` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--text-font-size)` in any argument of a style function or in custom
#' CSS.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 2.75rem.
#' Modifies the `.remark-slide-content h1` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h1-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 2.25rem.
#' Modifies the `.remark-slide-content h2` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h2-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 1.75rem.
#' Modifies the `.remark-slide-content h3` class. The value of this variable
#' is also stored as a CSS variable that can be referenced with
#' `var(--header-h3-font-size)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_auto Add background under slide title automatically
#' for h1 header elements. If not enabled, use `class: header_background` to
#' enable. Defaults to `FALSE`.
#' @param header_background_color Background Color for h1 Header with
#' Background. Defaults to `header_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-color)` in any argument of a style function or in
#' custom CSS.
#' @param header_background_text_color Text Color for h1 Header with
#' Background. Defaults to `background_color`. Modifies the
#' `.remark-slide-content h1` class. The value of this variable is also
#' stored as a CSS variable that can be referenced with
#' `var(--header-background-text-color)` in any argument of a style function
#' or in custom CSS.
#' @param header_background_padding Padding for h1 Header with Background.
#' Defaults to `NULL`. Modifies the `.remark-slide-content h1` class.
#' @param header_background_content_padding_top Top Padding for Content in
#' Slide with Header with Background. Defaults to 7rem. Modifies the
#' `.remark-slide-content` class.
#' @param header_background_ignore_classes Slide Classes Where Header with
#' Background will not be Applied. Defaults to
#' `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
#' `.remark-slide-content` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
#' 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family (xaringan default is
#' `'Droid Serif'`). Defaults to Noto Sans. Modifies the `body` element. The
#' value of this variable is also stored as a CSS variable that can be
#' referenced with `var(--text-font-family)` in any argument of a style
#' function or in custom CSS.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies
#' the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to
#' https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
#' Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to
#' -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
#' helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the `body`
#' element. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--text-font-family-fallback)` in any argument
#' of a style function or in custom CSS.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults
#' to sans-serif. Modifies the `body` element. The value of this variable is
#' also stored as a CSS variable that can be referenced with
#' `var(--text-font-base)` in any argument of a style function or in custom
#' CSS.
#' @param header_font_google Use `google_font()` to specify header font.
#' Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family (xaringan default is
#' `'Yanone Kaffeesatz'`). Defaults to Cabin. Modifies the `h1, h2, h3`
#' elements. The value of this variable is also stored as a CSS variable that
#' can be referenced with `var(--header-font-family)` in any argument of a
#' style function or in custom CSS.
#' @param header_font_weight Header Font Weight. Defaults to 600. Modifies the
#' `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults
#' to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to Source Code Pro.
#' Modifies the `.remark-code, .remark-inline-code` classes. The value of
#' this variable is also stored as a CSS variable that can be referenced with
#' `var(--code-font-family)` in any argument of a style function or in custom
#' CSS.
#' @param code_font_size Code Text Font Size. Defaults to 0.9rem. Modifies the
#' `.remark-inline` class. The value of this variable is also stored as a CSS
#' variable that can be referenced with `var(--code-font-size)` in any
#' argument of a style function or in custom CSS.
#' @param code_font_url Code Font URL. Defaults to
#' https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
#' Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to Menlo,
#' Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
#' `.remark-code, .remark-inline-code` classes.
#' @template theme_params
#' @template style-usage
#' @template style_xaringan
#' @export
style_xaringan <- function(
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,
padding = "16px 64px 16px 64px",
background_image = NULL,
background_size = NULL,
background_position = NULL,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = "#000",
code_inline_background_color = NULL,
code_inline_font_size = "1em",
inverse_background_color = "#272822",
inverse_text_color = "#d6d6d6",
inverse_text_shadow = FALSE,
inverse_header_color = "#f3f3f3",
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NULL,
title_slide_background_size = NULL,
title_slide_background_position = NULL,
footnote_color = NULL,
footnote_font_size = "0.9em",
footnote_position_bottom = "60px",
left_column_subtle_color = "#777",
left_column_selected_color = "#000",
blockquote_left_border_color = "lightgray",
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = "#eee",
base_font_size = "20px",
text_font_size = "1rem",
header_h1_font_size = "2.75rem",
header_h2_font_size = "2.25rem",
header_h3_font_size = "1.75rem",
header_background_auto = FALSE,
header_background_color = header_color,
header_background_text_color = background_color,
header_background_padding = NULL,
header_background_content_padding_top = "7rem",
header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "Noto Sans",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
text_font_base = "sans-serif",
header_font_google = NULL,
header_font_family = "Cabin",
header_font_weight = "600",
header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
code_font_google = NULL,
code_font_family = "Source Code Pro",
code_font_size = "0.9rem",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
colors = NULL,
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# DO NOT EDIT - Generated from inst/scripts/generate_theme_functions.R
# Make sure font names are wrapped in quotes if they have spaces
f_args <- names(formals(sys.function()))
for (var in f_args[grepl("font_family$", f_args)]) {
var_value <- get(var, inherits = FALSE)
if (!is.null(var_value)) {
eval(parse(text = paste0(var, "<-quote_elements_w_spaces(", var, ")")))
}
# set an is_google flag default of FALSE that is possibly overwritten later
eval(parse(text = paste0(sub("font_family$", "font_is_google", var), "<-0")))
}
# Warn if base_font_size isn't absolute
css_abs_units <- c("cm", "mm", "Q", "in", "pc", "pt", "px")
if (!grepl(paste(tolower(css_abs_units), collapse = "|"), tolower(base_font_size))) {
warning(
glue::glue(
"Base font size '{base_font_size}' is not in absolute units. ",
"For best results, specify the `base_font_size` using absolute CSS units: ",
"{paste(css_abs_units, collapse = ', ')}"
),
call. = FALSE,
immediate. = TRUE
)
}
# Use font_..._google args to overwrite font args
for (var in f_args[grepl("font_google$", f_args)]) {
gf <- eval(parse(text = var))
if (is.null(gf)) next
if (!inherits(gf, "google_font")) {
stop("`", var, "` must be set using `google_font()`.")
}
group <- strsplit(var, "_")[[1]][1]
if (group == "text") {
text_font_family <- quote_elements_w_spaces(gf$family)
text_font_weight <- gf$weights %||% "normal"
text_font_weight <- substr(text_font_weight, 1, regexpr(",", text_font_weight)[1] - 1)
text_font_url <- gf$url
} else {
eval(parse(text = paste0(group, "_font_family <- quote_elements_w_spaces(gf$family)")))
eval(parse(text = paste0(group, "_font_url <- gf$url")))
}
eval(parse(text = paste0(group, "_font_is_google <- 1")))
}
is_default <- function(type, suffix, reference = style_xaringan) {
var <- paste0(type, "_", suffix)
default_value <- formals(reference)[[var]]
if (suffix == "font_family") {
default_value <- quote_elements_w_spaces(default_value)
}
get(var, envir = parent.frame(2), inherits = FALSE) == default_value
}
# the defaults are google fonts
for (var in c("text", "header", "code")) {
suffixes <- c("font_family", "font_weight", "font_url")
if (var == "code") suffixes <- setdiff(suffixes, "font_weight")
var_is_google <- all(vapply(suffixes, is_default, logical(1), type = var))
if (var_is_google) {
eval(parse(text = paste0(var, "_font_is_google <- 1")))
}
}
extra_font_imports <- if (is.null(extra_fonts)) "" else list2fonts(extra_fonts)
extra_font_imports <- paste(extra_font_imports, collapse = "\n")
# convert NA arguments to NULL
for (var in f_args) {
val <- eval(parse(text = var))
if (is.null(val)) next
val <- val[!is.na(val)]
is_na <- length(val) == 0
if (is_na) assign(var, NULL)
}
# prepare variables for template
body_font_family <- paste(c(text_font_family, text_font_family_fallback, text_font_base), collapse = ", ")
background_size_fallback <- if (is.null(background_position)) "cover" else "100%"
background_size <- background_image %??% (background_size %||% background_size_fallback)
title_slide_background_size <- title_slide_background_size %||% (
title_slide_background_image %??% "cover"
)
table_row_even_background_color <- table_row_even_background_color %||% background_color
# stash theme settings in package env
lapply(f_args, function(n) assign(n, get(n), envir = xaringanthemer_env))
for (font_is_google in paste0(c("text", "code", "header"), "_font_is_google")) {
assign(
font_is_google,
get(font_is_google, inherits = FALSE) == 1,
envir = xaringanthemer_env
)
}
xaringanthemer_version <- utils::packageVersion("xaringanthemer")
# prepare header background object
needs_leading_dot <- !grepl("^\\.", header_background_ignore_classes)
header_background_ignore_classes[needs_leading_dot] <- paste0(
".",
header_background_ignore_classes[needs_leading_dot]
)
header_background_ignore_classes <- purrr::map(
header_background_ignore_classes,
~ list(class = .)
)
if (is.null(header_background_padding)) {
slide_padding <- css_get_padding(padding)
header_background_padding <- paste(
"2rem", slide_padding$right, "1.5rem", slide_padding$left
)
}
header_background <- list(
auto = header_background_auto,
background_color = header_background_color,
text_color = header_background_text_color,
padding = header_background_padding,
content_padding_top = header_background_content_padding_top,
ignore = header_background_ignore_classes
)
colors <- prepare_colors(colors)
tf <- system.file("resources", "template.css", package = "xaringanthemer")
template <- readLines(tf, warn = FALSE)
template <- paste(template, collapse = "\n")
x <- whisker::whisker.render(template)
if (!is.null(extra_css)) {
x <- c(x, style_extra_css(extra_css, outfile = NULL))
}
if (is.null(outfile)) {
return(x)
}
writeLines(x, con = outfile)
invisible(outfile)
}

Двоичные данные
R/sysdata.rda Просмотреть файл


+ 73
- 91
R/utils.R Просмотреть файл

@@ -1,79 +1,31 @@
`%||%` <- function(x, y) if (is.null(x)) y else x

#' @title Generate lighter or darker version of a color
#' @description Produces a linear blend of the color with white or black.
#' @param color_hex A character string representing a hex color
#' @param strength The "strength" of the blend with white or black,
#' 0 low to 1 high.
#' @name lighten_darken_color
NULL
`%??%` <- function(x, y) if (!is.null(x)) y else NULL

#' @rdname lighten_darken_color
#' @export
lighten_color <- function(color_hex, strength = 0.7) {
stopifnot(strength >= 0 && strength <= 1)
color_rgb <- col2rgb(color_hex)[, 1]
color_rgb <- (1 - strength) * color_rgb + strength * 255
rgb(color_rgb[1], color_rgb[2], color_rgb[3], maxColorValue = 255)
}

#' @rdname lighten_darken_color
#' @export
darken_color <- function(color_hex, strength = 0.8) {
stopifnot(strength >= 0 && strength <= 1)
color_rgb <- col2rgb(color_hex)[, 1]
color_rgb <- (1 - strength) * color_rgb
rgb(color_rgb[1], color_rgb[2], color_rgb[3], maxColorValue = 255)
}

#' @title Add alpha to hex color
#' @description Applies alpha (or opacity) to a color in hexadecimal form by
#' converting opacity in the `[0, 1]` range to hex in the `[0, 255]` range
#' and appending to the hex color.
#' @inheritParams lighten_darken_color
#' @param opacity Desired opacity of the output color
#' @export
apply_alpha <- function(color_hex, opacity = 0.5) {
paste0(color_hex, as.hexmode(round(255*opacity, 0)))
}

adjust_value_color <- function(color_hex, strength = 0.5) {
color_hsv <- rgb2hsv(col2rgb(color_hex))[, 1]
color_hsv['v'] <- strength
hsv(color_hsv[1], color_hsv[2], color_hsv[3])
}

#' Choose dark or light color
#'
#' Takes a color input as `x` and returns either the black or white color (or
#' expression) if dark or light text should be used over the input color for
#' best contrast. Follows W3C Recommendations.
#'
#' @references <https://stackoverflow.com/a/3943023/2022615>
#' @param x The background color
#' @param black Text or foreground color, e.g. "#222" or
#' `substitute(darken_color(x, 0.8))`, if black text provides the best contrast.
#' @param white Text or foreground color or expression, e.g. "#EEE" or
#' `substitute(lighten_color(x, 0.8))`, if white text provides the best contrast.
#' @export
choose_dark_or_light <- function(x, black = "#000", white = "#FFF") {
# x = color_hex
# black <- substitute(black)
# white <- substitute(white)
color_rgb <- col2rgb(x)[, 1]
# from https://stackoverflow.com/a/3943023/2022615
color_rgb <- color_rgb / 255
color_rgb[color_rgb <= 0.03928] <- color_rgb[color_rgb <= 0.03928]/12.92
color_rgb[color_rgb > 0.03928] <- ((color_rgb[color_rgb > 0.03928] + 0.055)/1.055)^2.4
lum <- t(c(0.2126, 0.7152, 0.0722)) %*% color_rgb
if (lum[1, 1] > 0.179) eval(black) else eval(white)
requires_package <- function(pkg = "ggplot2", fn = "", required = TRUE) {
raise <- if (required) stop else warning
if (!requireNamespace(pkg, quietly = TRUE)) {
msg <- paste0(
"`",
pkg,
"` is ",
if (required) "required " else "suggested ",
if (fn != "") paste0("by ", fn, "() ")[1],
"but is not installed."
)
raise(msg, call. = FALSE)
return(invisible(FALSE))
}
invisible(TRUE)
}

#' @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 = ", "),
")"
)
}

#' Specify Google Font
@@ -91,19 +43,24 @@ call_write_xaringan_theme <- function() {
#' [google_language_codes()].
#' @export
google_font <- function(family, ..., languages = NULL) {
base = "https://fonts.googleapis.com/css?family="
base <- "https://fonts.googleapis.com/css?family="
weights <- if (length(list(...))) paste(c(...), collapse = ",")
languages <- if (!is.null(languages)) paste(google_language_codes(languages), collapse = ",")
structure(list(
family = family,
weights = weights,
languages = languages,
url = paste0(
base, stringr::str_replace_all(family, " ", "+"),
if (!is.null(weights)) paste0(":", weights),
if (!is.null(languages)) paste0("&subset=", languages)
)
), class = "google_font")
structure(
list(
family = family,
weights = weights,
languages = languages,
url = paste0(
base,
gsub(" ", "+", family),
if (!is.null(weights)) paste0(":", weights),
if (!is.null(languages)) paste0("&subset=", languages),
"&display=swap"
)
),
class = "google_font"
)
}

#' @title List Valid Google Language Codes
@@ -113,27 +70,52 @@ google_font <- function(family, ..., languages = NULL) {
#' @param language_codes Vector of potential Google language codes
#' @export
google_language_codes <- function(
language_codes = c("latin", "latin-ext", "sinhala", "greek", "hebrew",
"vietnamese", "cyrillic", "cyrillic-ext", "devanagari", "arabic", "khmer",
"tamil", "greek-ext", "thai", "bengali", "gujarati", "oriya",
"malayalam", "gurmukhi", "kannada", "telugu", "myanmar")
) {
language_codes = c(
"latin",
"latin-ext",
"sinhala",
"greek",
"hebrew",
"vietnamese",
"cyrillic",
"cyrillic-ext",
"devanagari",
"arabic",
"khmer",
"tamil",
"greek-ext",
"thai",
"bengali",
"gujarati",
"oriya",
"malayalam",
"gurmukhi",
"kannada",
"telugu",
"myanmar"
)) {
unique(match.arg(language_codes, several.ok = TRUE))
}

print.google_font <- function(x) {
cat(
"Family: ", x$family,
"Family: ",
x$family,
if (!is.null(x$weights)) paste("\nWeights:", x$weights),
if (!is.null(x$languages)) paste("\nLangs: ", x$languages),
"\nURL: ", x$url
"\nURL: ",
x$url
)
}

quote_elements_w_spaces <- function(x) {
x <- stringr::str_split(x, ", ?")[[1]]
has_space <- stringr::str_detect(x, "\\w \\w")
not_quoted <- stringr::str_detect(x, "^\\w.+\\w$")
x <- strsplit(x, ", ?")[[1]]
has_space <- grepl("\\w \\w", x)
not_quoted <- grepl("^\\w.+\\w$", x)
x[has_space & not_quoted] <- paste0("'", x[has_space & not_quoted], "'")
paste(x, collapse = ", ")
}

str_wrap <- function(...) {
paste(strwrap(paste0(...)), collapse = "\n")
}

+ 38
- 0
R/utils_theme-gen.R Просмотреть файл

@@ -0,0 +1,38 @@
# nocov start
# Theme Generating Helpers ----------------------------------------------

plural_element <- function(css_name) {
is_mult <- grepl(",|and|or", css_name)
is_class <- grepl("^\\.", css_name)
ifelse(is_class,
ifelse(is_mult, "classes", "class"),
ifelse(is_mult, "elements", "element")
)
}

element_description <- function(element) {
out <- rep("", length(element))
multiple <- grepl("multiple", element)
out[multiple] <- "Used in multiple CSS rules."

ifelse(
multiple | is.na(element) | element == "",
out,
glue::glue("Modifies the `{element}` {plural_element(element)}.")
)
}

describe_css_variable <- function(css_variable = NULL) {
if (is.null(css_variable)) return("")
ifelse(
is.na(css_variable),
"",
glue::glue(
" The value of this variable is also stored as a CSS variable that can be ",
"referenced with `var({css_variable})` in any argument of a style ",
"function or in custom CSS."
)
)
}

# nocov end

+ 0
- 78
R/write_extra_css.R Просмотреть файл

@@ -1,78 +0,0 @@
#' Write Extra CSS arguments
#'
#' Manually adds css elements to target `outfile`.
#'
#' @section css list:
#' The `css` input must be a named list of css properties and values within a
#' named list of class identifiers, for example
#' `list(".class-id" = list("css-property" = "value"))`.
#'
#' @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"))`
#' @param append If `TRUE` output will be appended to `outfile`; otherwise,
#' it will overwrite the contents of `outfile`.
#' @inheritParams write_xaringan_theme
#' @export
write_extra_css <- function(css, outfile = "xaringan-themer.css", append = TRUE) {
cat("\n\n/* Extra CSS */", list2css(css), file = outfile,
append = append, sep = "\n")
}

#' @inheritParams write_extra_css
#' @keywords internal
list2css <- function(css) {
`%.%` <- function(x, y) paste0(x, y)
error <- NULL
if (is.null(names(css))) {
stop("All elements in `css` list must be named", call. = FALSE)
}
if (purrr::vec_depth(css) != 3) {
stop("`css` list must be a named list within a named list, e.g.:\n",
' list(".class-id" = list("css-property" = "value"))')
}
if (any(names(css) == "")) {
not_named <- which(names(css) == "")
if (length(not_named) > 1) stop(call. = FALSE,
"All elements in `css` list must be named. Items ",
paste(not_named, collapse = ", "), " are unnamed."
) else stop(call. = FALSE,
"All elements in `css` list must be named. Item ", not_named, " is not named.")
}
child_unnamed <- purrr::map_lgl(purrr::map(css, ~ {is.null(names(.)) || names(.) == ""}), ~ any(.))
if (any(child_unnamed)) {
has_unnamed <- names(css)[child_unnamed]
msg <- paste(
"All properties of elements in `css` list must be named.",
if (length(has_unnamed) > 1) "Elements" else "Element",
paste(has_unnamed, collapse = ", "),
if (length(has_unnamed) > 1) "have" else "has",
"unnamed property or properties."
)
stop(msg, call. = FALSE)
}

purrr::map_chr(names(css), function(el) {
paste(sep = "\n",
el %.% " {",
paste(
purrr::map_chr(names(css[[el]]), function(prop) {
" " %.% prop %.% ': ' %.% css[[el]][[prop]] %.% ';'
}),
collapse = "\n"
),
"}"
)
})
}

list2fonts <- function(fonts) {
fonts <- purrr::map_chr(fonts, function(f) {
if (inherits(f, "google_font")) {
f$url
} else if (inherits(f, "character")) {
f
} else NA_character_
})
paste0("@import url(", fonts[!is.na(fonts)], ");")
}

+ 0
- 163
R/write_theme.R Просмотреть файл

@@ -1,163 +0,0 @@
#' @param text_color Text Color. Defaults to #000. Modifies the `body` element.
#' @param header_color Header Color. Defaults to #000. Modifies the `h1, h2, h3` elements.
#' @param background_color Slide Background Color. Defaults to #FFF. Modifies the `.remark-slide-content` class.
#' @param link_color Link Color. Defaults to rgb(249, 38, 114). Modifies the `a, a > code` elements.
#' @param text_bold_color Bold Text Color. Defaults to NA. Modifies the `strong` element.
#' @param text_slide_number_color Slide Number Color. Defaults to `inverse_background_color`. Modifies the `.remark-slide-number` class.
#' @param padding Slide Padding in `top right [bottom left]` format. Defaults to 1em 4em 1em 4em. Modifies the `.remark-slide-content` class.
#' @param background_image Background image applied to each *and every* slide. Set `title_slide_background_image = "none"` to remove the background image from the title slide.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_size 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.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param background_position Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`.. Defaults to NA. Modifies the `.remark-slide-content` class.
#' @param code_highlight_color Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the `.remark-code-line-highlighted` class.
#' @param code_inline_color Inline Code Color. Defaults to #000. Modifies the `.remark-inline-code` class.
#' @param code_inline_background_color Inline Code Background Color. Defaults to NA. Modifies the `.remark-inline-code` class.
#' @param code_inline_font_size Inline Code Text Font Size. Defaults to 1em. Modifies the `.remark-inline-code` class.
#' @param inverse_background_color Inverse Background Color. Defaults to #272822. Modifies the `.inverse` class.
#' @param inverse_text_color Inverse Text Color. Defaults to #d6d6d6. Modifies the `.inverse` class.
#' @param inverse_text_shadow Enables Shadow on text of inverse slides. Defaults to `FALSE`. Modifies the `.inverse` class.
#' @param inverse_header_color Inverse Header Color. Defaults to #f3f3f3. Modifies the `.inverse h1, .inverse h2, .inverse h3` classes.
#' @param title_slide_text_color Title Slide Text Color. Defaults to `inverse_text_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_color Title Slide Background Color. Defaults to `inverse_background_color`. Modifies the `.title-slide` class.
#' @param title_slide_background_image Title Slide Background Image URL. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_size Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the `.title-slide` class.
#' @param title_slide_background_position Title Slide Background Image Position. Defaults to NA. Modifies the `.title-slide` class.
#' @param footnote_color Footnote text color (if `NA`, then it will be the same color as `text_color`). Defaults to NA. Modifies the `.footnote` class.
#' @param footnote_font_size Footnote font size. Defaults to 0.9em. Modifies the `.footnote` class.
#' @param footnote_position_bottom Footnote location from bottom of screen. Defaults to 3em. Modifies the `.footnote` class.
#' @param left_column_subtle_color Left Column Text (not last). Defaults to #777. Modifies the `.left-column h2, .left-column h3` classes.
#' @param left_column_selected_color Left Column Current Selection. Defaults to #000. Modifies the `.left-column h2:last-of-type, .left-column h3:last-child` classes.
#' @param blockquote_left_border_color Blockquote Left Border Color. Defaults to lightgray. Modifies the `blockquote` element.
#' @param table_border_color Table top/bottom border. Defaults to #666. Modifies the `table: border-top, border-bottom` elements.
#' @param table_row_border_color Table row inner bottom border. Defaults to #ddd. Modifies the `table thead th: border-bottom` elements.
#' @param table_row_even_background_color Table Even Row Background Color. Defaults to #eee. Modifies the `thead, tfoot, tr:nth-child(even)` elements.
#' @param text_font_size Slide Body Text Font Size. Defaults to 20px. Modifies the `.remark-slide-content` class.
#' @param header_h1_font_size h1 Header Text Font Size. Defaults to 55px. Modifies the `.remark-slide-content h1` class.
#' @param header_h2_font_size h2 Header Text Font Size. Defaults to 45px. Modifies the `.remark-slide-content h2` class.
#' @param header_h3_font_size h3 Header Text Font Size. Defaults to 35px. Modifies the `.remark-slide-content h3` class.
#' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to 0.9em. Modifies the `.remark-slide-number` class.
#' @param text_font_google Use `google_font()` to specify body font. Defaults to `NULL`. Modifies the `body` element.
#' @param text_font_family Body Text Font Family. Defaults to 'Droid Serif'. Modifies the `body` element.
#' @param text_font_weight Body Text Font Weight. Defaults to normal. Modifies the `body` element.
#' @param text_font_url Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the `@import url()` elements.
#' @param text_font_family_fallback Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the `body` element.
#' @param text_font_base Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the `body` element.
#' @param header_font_google Use `google_font()` to specify header font. Defaults to `NULL`. Modifies the `body` element.
#' @param header_font_family Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the `h1, h2, h3` elements.
#' @param header_font_weight Header Font Weight. Defaults to normal. Modifies the `h1, h2, h3` elements.
#' @param header_font_url Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the `@import url` elements.
#' @param code_font_google Use `google_font()` to specify code font. Defaults to `NULL`. Modifies the `body` element.
#' @param code_font_family Code Font Family. Defaults to 'Source Code Pro'. Modifies the `.remark-code, .remark-inline-code` classes.
#' @param code_font_size Code Text Font Size. Defaults to 0.9em. Modifies the `.remark-inline` class.
#' @param code_font_url Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the `@import url` elements.
#' @param code_font_family_fallback Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the `.remark-code, .remark-inline-code` classes.
#' @template extra_css
#' @param outfile Customized xaringan CSS output file name, default is "xaringan-themer.css"
#' @family themes
#' @template write_xaringan_theme
#' @export
write_xaringan_theme <- function(
text_color = "#000",
header_color = "#000",
background_color = "#FFF",
link_color = "rgb(249, 38, 114)",
text_bold_color = NA,
text_slide_number_color = inverse_background_color,
padding = "1em 4em 1em 4em",
background_image = NA,
background_size = NA,
background_position = NA,
code_highlight_color = "rgba(255,255,0,0.5)",
code_inline_color = "#000",
code_inline_background_color = NA,
code_inline_font_size = "1em",
inverse_background_color = "#272822",
inverse_text_color = "#d6d6d6",
inverse_text_shadow = FALSE,
inverse_header_color = "#f3f3f3",
title_slide_text_color = inverse_text_color,
title_slide_background_color = inverse_background_color,
title_slide_background_image = NA,
title_slide_background_size = NA,
title_slide_background_position = NA,
footnote_color = NA,
footnote_font_size = "0.9em",
footnote_position_bottom = "3em",
left_column_subtle_color = "#777",
left_column_selected_color = "#000",
blockquote_left_border_color = "lightgray",
table_border_color = "#666",
table_row_border_color = "#ddd",
table_row_even_background_color = "#eee",
text_font_size = "20px",
header_h1_font_size = "55px",
header_h2_font_size = "45px",
header_h3_font_size = "35px",
text_slide_number_font_size = "0.9em",
text_font_google = NULL,
text_font_family = "'Droid Serif'",
text_font_weight = "normal",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
text_font_family_fallback = "'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'",
text_font_base = "serif",
header_font_google = NULL,
header_font_family = "'Yanone Kaffeesatz'",
header_font_weight = "normal",
header_font_url = "https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz",
code_font_google = NULL,
code_font_family = "'Source Code Pro'",
code_font_size = "0.9em",
code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700",
code_font_family_fallback = "'Lucida Console', Monaco",
extra_css = NULL,
extra_fonts = NULL,
outfile = "xaringan-themer.css"
) {
# Make sure font names are wrapped in quotes if they have spaces
f_args <- names(formals(sys.function()))
for (var in f_args[grepl("font_family$", f_args)]) {
eval(parse(text = paste0(
var, "<-quote_elements_w_spaces(", var, ")"
)))
}
# Use font_..._google args to overwrite font args
for (var in f_args[grepl("font_google$", f_args)]) {
gf <- eval(parse(text = var))
if (is.null(gf)) next
if (!inherits(gf, "google_font")) stop(
"`", var, "` must be set using `google_font()`."
)
group <- stringr::str_split(var, "_")[[1]][1]
if (group == "text") {
text_font_family <- gf$family
text_font_weight <- gf$weights %||% "normal"
text_font_weight <- substr(text_font_weight, 1, regexpr(",", text_font_weight)[1]-1)
text_font_url <- gf$url
} else {
for (thing in c("family", "url")) {
eval(parse(text = paste0(
group, "_font_", thing, " <- gf$", thing
)))
}
}
}
# Handle background-image defaults
if (!is.na(background_image)) {
if (is.na(background_size)) background_size <- ifelse(
is.na(background_position),
"cover",
"100%"
)
}
extra_font_imports <- if (is.null(extra_fonts)) "" else list2fonts(extra_fonts)
tf <- system.file("resources", "template.css", package = "xaringanthemer")
template <- readLines(tf, warn = FALSE)
template <- paste(template, collapse = "\n")
x <- glue::glue(template, .open = "{{", .close = "}}")
writeLines(x, con = outfile)
if (!is.null(extra_css)) write_extra_css(extra_css, outfile)
outfile
}

+ 128
- 0
R/xaringanthemer-deprecated.R Просмотреть файл

@@ -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_extra_css(...)
}


#' @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(...)
}

+ 45
- 0
R/xaringanthemer-package.R Просмотреть файл

@@ -1,3 +1,48 @@
#' @importFrom grDevices col2rgb rgb rgb2hsv hsv
#' @keywords internal
"_PACKAGE"

xaringanthemer_env <- new.env(parent = emptyenv())

# I looked up these ggplot geom aesthetic defaults manually via e.g.
# ggplot2::geom_line()$geom$default_aes
xaringanthemer_env$std_ggplot_defaults <- list(
"line" = list(color = "black"),
"vline" = list(color = "black"),
"hline" = list(color = "black"),
"abline" = list(color = "black"),
"segment" = list(color = "black"),
"bar" = list(fill = "grey35"),
"col" = list(fill = "grey35"),
"boxplot" = list(color = "grey20", fill = "white"),
"contour" = list(color = "#3366FF"),
"density" = list(color = "black",
fill = NA,
alpha = NA),
"dotplot" = list(color = "black"),
"errorbarh" = list(color = "black"),
"crossbar" = list(color = "black"),
"errorbar" = list(color = "black"),
"linerange" = list(color = "black"),
"pointrange" = list(color = "black"),
"map" = list(color = "black"),
"path" = list(color = "black"),
"line" = list(color = "black"),
"step" = list(color = "black"),
"point" = list(color = "black"),
"polygon" = list(color = NA,
fill = "grey20"),
"quantile" = list(color = "#3366FF"),
"rug" = list(color = "black"),
"segment" = list(color = "black"),
"smooth" = list(fill = "grey60",
color = "#3366FF"),
"spoke" = list(color = "black"),
"label" = list(color = "black",
family = ""),
"text" = list(color = "black",
family = ""),
"rect" = list(fill = "grey35"),
"tile" = list(fill = "grey20"),
"violin" = list(fill = "white", color = "grey20")
)

+ 17
- 0
R/zzz.R Просмотреть файл

@@ -0,0 +1,17 @@
# nocov start
.onLoad <- function(libname, pkgname, ...) {

if ("knitr" %in% loadedNamespaces()) {
knitr::opts_chunk$set(fig.showtext = TRUE)
}

setHook(
packageEvent("knitr", "onLoad"),
function(...) {
knitr::opts_chunk$set(fig.showtext = TRUE)
}
)

invisible()
}
# nocov end

+ 33
- 21
README.Rmd Просмотреть файл

@@ -16,10 +16,17 @@ knitr::opts_chunk$set(
IS_README <- TRUE
library(xaringanthemer)
```

# xaringanthemer

<!-- badges: start -->
[![CRAN status](https://www.r-pkg.org/badges/version/xaringanthemer)](https://CRAN.R-project.org/package=xaringanthemer)
[![Lifecycle: stable](https://img.shields.io/badge/lifecycle-stable-brightgreen.svg)](https://www.tidyverse.org/lifecycle/#stable)
[![travis](https://travis-ci.com/gadenbuie/xaringanthemer.svg?branch=master)](https://travis-ci.com/gadenbuie/xaringanthemer)
[![Codecov](https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer)](https://codecov.io/github/gadenbuie/xaringanthemer)
<!-- badges: end -->

```{r child="vignettes/rmdchunks/_tagline-gif.Rmd"}
```{r child="man/fragments/_tagline-gif.Rmd"}
```

```{r toc, results='asis', echo=FALSE, message=FALSE, eval=FALSE}
@@ -35,12 +42,13 @@ gsub(" -", "-", sub("^-.+?\n", "", x))
- [Duotone](#duotone)
- [Solarized](#solarized)
- [Theme Settings](#theme-settings)
- [Adding Custom CSS](#adding-custom-css)
- [Colors](#colors)
- [Fonts](#fonts)
- [Adding Custom CSS](#adding-custom-css)

## Installation

```{r child="vignettes/rmdchunks/_installation.Rmd"}
```{r child="man/fragments/_installation.Rmd"}
```

## Quick Intro
@@ -49,31 +57,31 @@ gsub(" -", "-", sub("^-.+?\n", "", x))
[theme-settings]: #theme-settings
[template-variables]: vignettes/template-variables.md

```{r child="vignettes/rmdchunks/_quick-intro.Rmd"}
```{r child="man/fragments/_quick-intro.Rmd"}
```

## Themes

```{r child="vignettes/rmdchunks/_themes.Rmd"}
```{r child="man/fragments/_themes.Rmd"}
```

## 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 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.
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].

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 typing out `style_duo_accent(` 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.
The arguments of each theme function are named so that you can first think of the element you want to change, then the property of that element.

Here are some of the `text_` theme options:

```{r, results='asis', echo=FALSE}
source(here::here("R/theme_settings.R"))
load(here::here("R", "sysdata.rda"))
tvv <- template_variables$variable
cat(paste0("- `", tvv[grepl("^text_", tvv)][1:5], "`"), sep = "\n")
cat("- *and more ...*")
@@ -85,6 +93,18 @@ And here are the title slide theme options:
cat(paste0("- `", tvv[grepl("^title_slide_", tvv)], "`"), sep = "\n")
```

## Fonts

[adding-custom-css]: #adding-custom-css

```{r child="man/fragments/_fonts.Rmd"}
```

## Colors

```{r child="man/fragments/_colors.Rmd"}
```

## Adding Custom CSS

You can also add custom CSS classes using the `extra_css` argument in the theme functions.
@@ -92,7 +112,6 @@ This argument takes a named list of CSS definitions each containing a named list

```r
extra_css <- list(
".red" = list(color = "red"),
".small" = list("font-size" = "90%"),
".full-width" = list(
display = "flex",
@@ -102,16 +121,15 @@ 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}
extra_css <- list(
".red" = list(color = "red"),
".small" = list("font-size" = "90%"),
".full-width" = list(
display = "flex",
@@ -129,16 +147,10 @@ cat(
```

This is most helpful when wanting to define helper classes to work with the [remark.js][remarkjs] `.class[]` syntax.
Using the above example, we could color text red `.red[like this]` or write `.small[in smaller font size]`.

## Fonts

[adding-custom-css]: #adding-custom-css
Using the above example, we could add slide text `.small[in smaller font size]`.

```{r child="vignettes/rmdchunks/_fonts.Rmd"}
```

```{r child="vignettes/rmdchunks/_thanks.Rmd"}
```{r child="man/fragments/_thanks.Rmd"}
```

```{r include=FALSE}

+ 231
- 113
README.md Просмотреть файл

@@ -3,11 +3,21 @@

# xaringanthemer

<!-- badges: start -->

[![CRAN
status](https://www.r-pkg.org/badges/version/xaringanthemer)](https://CRAN.R-project.org/package=xaringanthemer)
[![Lifecycle:
stable](https://img.shields.io/badge/lifecycle-stable-brightgreen.svg)](https://www.tidyverse.org/lifecycle/#stable)
[![travis](https://travis-ci.com/gadenbuie/xaringanthemer.svg?branch=master)](https://travis-ci.com/gadenbuie/xaringanthemer)
[![Codecov](https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer)](https://codecov.io/github/gadenbuie/xaringanthemer)
<!-- badges: end -->

Give your [xaringan](https://github.com/yihui/xaringan) slides some
style with **xaringanthemer** within your `slides.Rmd` file without
(much) CSS.

<img src="vignettes/images/examples.gif" width="100%" />
<img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes" />

- [Installation](#installation)
- [Quick Intro](#quick-intro)
@@ -16,12 +26,20 @@ style with **xaringanthemer** within your `slides.Rmd` file without
- [Duotone](#duotone)
- [Solarized](#solarized)
- [Theme Settings](#theme-settings)
- [Adding Custom CSS](#adding-custom-css)
- [Colors](#colors)
- [Fonts](#fonts)
- [Adding Custom CSS](#adding-custom-css)

## Installation

**xaringanthemer** currently lives on GitHub.
You can install **xaringanthemer** from CRAN

``` r
install.packages("xaringanthemer")
```

or you can install the development version of xaringanthemer from
[GitHub](https://github.com/gadenbuie/xaringanthemer).

``` r
# install.packages("devtools")
@@ -48,7 +66,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"),
@@ -57,138 +75,153 @@ mono_light(
```
````

<img src="vignettes/images/example_mono_light_1c5253.png" width="100%" />
<img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" />

### Tab Completion

**xaringanthemer** is <kbd>Tab</kbd> friendly – [use autocomplete to
explore](#theme-settings) the [template
variables](vignettes/template-variables.md) that you can adjust in each
of the
themes\!
of the themes\!

<img src="vignettes/images/example-rstudio-completion.gif" width="100%" />
<img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" />

### R Markdown Template in RStudio

You can also skip the above and just create a *Ninja Themed
Presentation* from the New R Markdown Document menu in
RStudio.
Presentation* from the New R Markdown Document menu in RStudio.

<center>

<img src="vignettes/images/rmarkdown-template-screenshot.png" width="350px" />
<img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" />

</center>

## Themes

**xaringanthemer** includes a number of functions that provide themed
**xaringan** styles. All of the styling functions start with the
`style_` prefix.

The goal of each style function is to quickly set up a coordinated color
palette for your slides based on one or two starter colors. Styles based
on one color start with `style_mono_` and styles based on two colors
start with `style_duo_`. How the starter colors are used is described in
the final portion of the style function name. For example,
`style_mono_accent()` uses a single color as an accent color.

Note that the colors used below are for demonstration only, the point of
the `style_` functions is for you to choose your own color palette\!

If you color palette uses more than two colors, you can add additional
colors with the `colors` argument. See the [Colors](#colors) section for
more information.

### Monotone

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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png)

#### `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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/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(base_color = "#43418A")
style_mono_accent(base_color = "#43418A")
```

<img src="vignettes/images/example_mono_accent.png" width="100%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/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.).
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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png)

### Duotone

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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png)

#### `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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png)

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

An “inverted” default Xaringan theme with two accent
colors.
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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/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()`. 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%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png)

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

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

<img src="vignettes/images/example_solarized_dark.png" width="100%" />
![](https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png)

To do this, your YAML header should look more-or-less like this:

@@ -205,9 +238,9 @@ 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
The theme functions listed above are 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](vignettes/template-variables.md)
@@ -219,11 +252,12 @@ table of all template variables is included in
[`vignette("template-variables",
"xaringanthemer")`](vignettes/template-variables.md).

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 typing out `style_duo_accent(` 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.
The arguments of each theme function are named so that you can first
think of the element you want to change, then the property of that
element.

Here are some of the `text_` theme options:

@@ -242,6 +276,146 @@ And here are the title slide theme options:
- `title_slide_background_size`
- `title_slide_background_position`

## Fonts

<!-- Need to set [adding-custom-css] -->

### Default Fonts

**xaringanthemer** by default uses a different set of default fonts for
heading and body fonts. The new defaults use
[Cabin](https://fonts.google.com/specimen/Cabin) for headings and [Noto
Sans](https://fonts.google.com/specimen/Noto+Sans) for body text. These
fonts are easier to read on screens and at a distance during
presentations, and they support a wide variety of languages and weights.
Another reason for the change is that the xaringan (remarkjs) default
body font, *Droid Serif*, is no longer officially included in Google
Fonts.

If you would like to use the fonts from the [default xaringan
theme](https://slides.yihui.name/xaringan/), you can use the following
arguments in your style function.

``` r
style_xaringan(
text_font_family = "Droid Serif",
text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
header_font_google = google_font("Yanone Kaffeesatz")
)
```

### Custom and *Google Font* Fonts

**xaringanthemer** makes it easy to use [Google
Fonts](https://fonts.google.com) in your presentations (provided you
have an internet connection during the presentation) or to fully specify
your font files.

To use [Google Fonts](https://fonts.google.com), set the
`<type>_font_google` theme arguments – `text_font_google`,
`header_font_google`, `code_font_google` — using the `google_font()`
helper. The help documentation in `?google_font` provides more info.

``` r
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")
)
```

If you set an `<type>_font_google` theme arguments, then
`<type>_font_family`, `<type>_font_weight` and `<type>_font_url` are
overwritten – where `<type>` is one of `header`, `text`, or `code`.

To use a font hosted outside of Google fonts, you need to provide both
`<type>_font_family` and `<type>_font_url`. For example, suppose you
want to use a code font with ligatures for your code chunks, such as
[Fira Code](https://github.com/tonsky/FiraCode), which would be declared
with `code_font_family`. The [browser
usage](https://github.com/tonsky/FiraCode#browser-support) section of
the Fira Code README provides a CSS URL to be used with an `@import`
statement that you can use with the `code_font_url` argument.

``` r
style_solarized_dark(
code_font_family = "Fira Code",
code_font_url = "https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"
)
```

Remember that you need to supply either `<type>_google_font` using the
`google_font()` helper *or both* `<type>_font_family` and
`<type>_font_url`.

### Using Additional Fonts

If you want to use additional fonts for use in [custom CSS
definitions](#adding-custom-css), use the `extra_fonts` argument to pass
a list of URLs or `google_font()`s. Notice that you will need to add
custom CSS (for example, via `extra_css`) to use the fonts imported in
`extra_fonts`.

``` r
style_mono_light(
extra_fonts = list(
google_font("Sofia"),
# Young Serif by uplaod.fr
"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css",
),
extra_css = list(
".title-slide h2" = list("font-family" = "Sofia"),
blockquote = list("font-family" = "youngserifregular")
)
)
```

## Colors

When designing your xaringan theme, you may have additional colors in
your desired color palette beyond those used in the accent colors of the
mono and duotone styles.

The `style*()` functions in xaringanthemer include a `colors` argument
that lets you quickly define a additional colors to use in your slides.
This argument takes a vector of named colors

``` r
colors = c(
red = "#f34213",
purple = "#3e2f5b",
orange = "#ff8811",
green = "#136f63",
white = "#FFFFFF",
)
```

and creates CSS classes from the color name that set the text color —
e.g. `.red` — or that set the background color — e.g. `.bg-red`. If you
use custom CSS in your slides, the color name is also stored in a CSS
variable — e.g. `var(--red)`.

So slide text like this

``` markdown
This **.red[simple]** .white.bg-purple[demo]
_.orange[shows]_ the colors .green[in action].
```

will be rendered in HTML as

<blockquote>

This <strong><span style="color: #f34213">simple</span></strong>
<span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span>
<em style="color:#ff8811">shows</em> the colors
<span style="color:#136f63">in action</span>.

</blockquote>

Note that the color names in `colors` need to be valid CSS names, so
`"purple-light"` will work, but `"purple light"` will not.

## Adding Custom CSS

You can also add custom CSS classes using the `extra_css` argument in
@@ -250,7 +424,6 @@ each containing a named list of CSS property-value pairs.

``` r
extra_css <- list(
".red" = list(color = "red"),
".small" = list("font-size" = "90%"),
".full-width" = list(
display = "flex",
@@ -261,19 +434,16 @@ 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
/* Extra CSS */
.red {
color: red;
}
.small {
font-size: 90%;
}
@@ -286,60 +456,8 @@ write_extra_css(css = extra_css, outfile = "custom.css")

This is most helpful when wanting to define helper classes to work with
the [remark.js](https://github.com/gnab/remark) `.class[]` syntax. Using
the above example, we could color text red `.red[like this]` or write
`.small[in smaller font size]`.

## Fonts

<!-- Need to set [adding-custom-css] -->

Yihui picked out great fonts for the [default xaringan
theme](https://slides.yihui.name/xaringan/), but sometimes you want
something new and interesting.

**xaringanthemer** makes it easy to use [Google
Fonts](https://fonts.google.com) in your presentations (well, as long as
you have an internet connection) or to fully specify your font files.

To use [Google Fonts](https://fonts.google.com), set the `_font_google`
theme arguments – `text_font_google`, `header_font_google`,
`code_font_google` — using the `google_font()` helper. See
`?google_font` for more info.

``` r
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")
)
```

If you set an `xxx_font_google` theme arguments, then `xxx_font_family`,
`xxx_font_weight` and `xxx_font_url` are overwritten – where `xxx` in
`{header, text, code}`. Of course, you can manually set
`header_font_url`, etc., and ignore the `header_font_google` argument.

For example, suppose you want to use a ligature font for the code font,
such as [Fira Code](https://github.com/yihui/xaringan/issues/83). Just
set `code_font_family` and `code_font_url`\!

``` r
solarized_dark(
code_font_family = "Fira Code",
code_font_url = "https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"
)
```

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(
extra_fonts = list(google_font("Sofia")),
extra_css = list(".title-slide h2" = list("font-family" = "Sofia"))
)
```
the above example, we could add slide text `.small[in smaller font
size]`.

-----


+ 0
- 62
_pkgdown.yml Просмотреть файл

@@ -1,62 +0,0 @@
authors:
Garrick Aden-Buie:
href: https://www.garrickadenbuie.com
url: https://gadenbuie.github.com/xaringanthemer/
template:
params:
bootswatch: yeti
reference:
- title: Writing CSS
desc: Functions that write CSS from inside a xaringan R markdown document.
contents:
- starts_with("write")
- title: Theme Functions
desc: Color theme functions for xaringan slides.
contents:
- starts_with("mono")
- starts_with("duo")
- starts_with("solarized")
- title: Helper functions
desc: Helpers for Google fonts and color adjustments.
contents:
- contains("color")
- apply_alpha
- choose_dark_or_light
- contains("google")
navbar:
left:
home:
icon: fa-home fa-lg
href: index.html
intro:
text: Get started
href: articles/xaringanthemer.html
themes:
text: Themes
href: articles/singles/themes.html
fonts:
text: Fonts
href: articles/singles/fonts.html
template-vars:
text: Template Variables
href: articles/template-variables.html
css-help:
text: CSS Help
href: articles/css-help.html
reference:
text: Reference
href: reference/index.html
#articles:
# text: Articles
# menu:
# - text: xaringanthemer CSS Help
# href: articles/css-help.html
# - text: Template Variables
# href: articles/template-variables.html
right:
github:
icon: fa-github fa-lg
href: https://github.com/gadenbuie/xaringanthemer
twitter:
icon: fa-twitter fa-lg
href: https://twitter.com/grrrck

+ 29
- 0
appveyor.yml Просмотреть файл

@@ -0,0 +1,29 @@
# tic documentation: https://docs.ropensci.org/tic/dev/

# Download script file from GitHub
init:
ps: |
$ErrorActionPreference = "Stop"
Invoke-WebRequest http://raw.github.com/krlmlr/r-appveyor/master/scripts/appveyor-tool.ps1 -OutFile "..\appveyor-tool.ps1"
Import-Module '..\appveyor-tool.ps1'

install:
- ps: Bootstrap
- cmd: Rscript -e "writeLines('options(repos = \'https://cloud.r-project.org\')', '~/.Rprofile')"
- cmd: Rscript -e "getOption('repos')"
- cmd: Rscript -e "if (!requireNamespace('remotes')) install.packages('remotes', type = 'binary')"
- cmd: Rscript -e "if (getRversion() < '3.2' && !requireNamespace('curl')) install.packages('curl', type = 'binary')"
- cmd: Rscript -e "options(pkgType = 'binary'); remotes::install_github('ropensci/tic', upgrade = 'always'); print(tic::dsl_load()); tic::prepare_all_stages()"

before_build: Rscript -e "tic::before_install()"
build_script: Rscript -e "tic::install()"
after_build: Rscript -e "tic::after_install()"
before_test: Rscript -e "tic::before_script()"
test_script: Rscript -e "tic::script()"
on_success: Rscript -e "try(tic::after_success(), silent = TRUE)"
on_failure: Rscript -e "tic::after_failure()"
before_deploy: Rscript -e "tic::before_deploy()"
deploy_script: Rscript -e "tic::deploy()"
after_deploy: Rscript -e "tic::after_deploy()"
on_finish: Rscript -e "tic::after_script()"
# Custom user code -------------------------------------------------------------

R/theme_settings.R → data-raw/theme_template_variables.R Просмотреть файл

@@ -1,57 +1,65 @@
#nocov start
template_variables <- tibble::tribble(
~ 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_character_, "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_character_, ".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_character_, ".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_character_, ".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_character_, ".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_character_, ".title-slide", "Title Slide Background Image URL"
, "title_slide_background_size", NA_character_, ".title-slide", "Title Slide Background Image Size, defaults to \"cover\" if background image is set"
, "title_slide_background_position", NA_character_, ".title-slide", "Title Slide Background Image Position"
, "footnote_color", NA_character_, ".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, ~ css_variable
, "text_color", "#000", "body", "Text Color", "--text_color"
, "header_color", "#000", "h1, h2, h3", "Header Color", "--header-color"
, "background_color", "#FFF", ".remark-slide-content", "Slide Background Color", "--background-color"
, "link_color", "rgb(249, 38, 114)", "a, a > code", "Link Color", "--link-color"
, "text_bold_color", "{NULL}", "strong", "Bold Text Color", "--text-bold-color"
, "text_slide_number_color", "{inverse_background_color}", ".remark-slide-number", "Slide Number Color", NA_character_
, "padding", "16px 64px 16px 64px", ".remark-slide-content", "Slide Padding in `top right [bottom left]` format", NA_character_
, "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", NA_character_
, "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", NA_character_
, "background_position", "{NULL}", ".remark-slide-content", "Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`", NA_character_
, "code_highlight_color", "rgba(255,255,0,0.5)", ".remark-code-line-highlighted", "Code Line Highlight", "--code-highlight-color"
, "code_inline_color", "#000", ".remark-inline-code", "Inline Code Color", NA_character_
, "code_inline_background_color", "{NULL}", ".remark-inline-code", "Inline Code Background Color", NA_character_
, "code_inline_font_size", "1em", ".remark-inline-code", "Inline Code Text Font Size", "--code-inline-font-size"
, "inverse_background_color", "#272822", ".inverse", "Inverse Background Color", "--inverse-background-color"
, "inverse_text_color", "#d6d6d6", ".inverse", "Inverse Text Color", "--inverse-text-color"
, "inverse_text_shadow", "{FALSE}", ".inverse", "Enables Shadow on text of inverse slides", NA_character_
, "inverse_header_color", "#f3f3f3", ".inverse h1, .inverse h2, .inverse h3", "Inverse Header Color", "--inverse-header-color"
, "title_slide_text_color", "{inverse_text_color}", ".title-slide", "Title Slide Text Color", "--title-slide-text-color"
, "title_slide_background_color", "{inverse_background_color}", ".title-slide", "Title Slide Background Color", "--title-slide-background-color"
, "title_slide_background_image", "{NULL}", ".title-slide", "Title Slide Background Image URL", NA_character_
, "title_slide_background_size", "{NULL}", ".title-slide", "Title Slide Background Image Size, defaults to \"cover\" if background image is set", NA_character_
, "title_slide_background_position", "{NULL}", ".title-slide", "Title Slide Background Image Position", NA_character_
, "footnote_color", "{NULL}", ".footnote", "Footnote text color (if `NA`, then it will be the same color as `text_color`)", NA_character_
, "footnote_font_size", "0.9em", ".footnote", "Footnote font size", NA_character_
, "footnote_position_bottom", "60px", ".footnote", "Footnote location from bottom of screen", NA_character_
, "left_column_subtle_color", "#777", ".left-column h2, .left-column h3", "Left Column Text (not last)", NA_character_
, "left_column_selected_color", "#000", ".left-column h2:last-of-type, .left-column h3:last-child", "Left Column Current Selection", NA_character_
, "blockquote_left_border_color", "lightgray", "blockquote", "Blockquote Left Border Color", NA_character_
, "table_border_color", "#666", "table: border-top, border-bottom", "Table top/bottom border", NA_character_
, "table_row_border_color", "#ddd", "table thead th: border-bottom", "Table row inner bottom border", NA_character_
, "table_row_even_background_color", "#eee", "thead, tfoot, tr:nth-child(even)", "Table Even Row Background Color", NA_character_
, "base_font_size", "20px", "html", "Base Font Size for All Slide Elements (must be `px`)", "--base-font-size"
, "text_font_size", "1rem", ".remark-slide-content", "Slide Body Text Font Size", "--text-font-size"
, "header_h1_font_size", "2.75rem", ".remark-slide-content h1", "h1 Header Text Font Size", "--header-h1-font-size"
, "header_h2_font_size", "2.25rem", ".remark-slide-content h2", "h2 Header Text Font Size", "--header-h2-font-size"
, "header_h3_font_size", "1.75rem", ".remark-slide-content h3", "h3 Header Text Font Size", "--header-h3-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", NA_character_
, "header_background_color", "{header_color}", ".remark-slide-content h1", "Background Color for h1 Header with Background", "--header-background-color"
, "header_background_text_color", "{background_color}", ".remark-slide-content h1", "Text Color for h1 Header with Background", "--header-background-text-color"
, "header_background_padding", "{NULL}", ".remark-slide-content h1", "Padding for h1 Header with Background", NA_character_
, "header_background_content_padding_top", "7rem", ".remark-slide-content", "Top Padding for Content in Slide with Header with Background", NA_character_
, "header_background_ignore_classes", "{c('normal', 'inverse', 'title', 'middle', 'bottom')}", ".remark-slide-content", "Slide Classes Where Header with Background will not be Applied", NA_character_
, "text_slide_number_font_size", "0.9em", ".remark-slide-number", "Slide Number Text Font Size", NA_character_
, "text_font_google", "{NULL}", "body", "Use `google_font()` to specify body font", NA_character_
, "text_font_family", "Noto Sans", "body", "Body Text Font Family (xaringan default is `'Droid Serif'`)", "--text-font-family"
, "text_font_weight", "normal", "body", "Body Text Font Weight", NA_character_
, "text_font_url", "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap", "@import url()", "Body Text Font URL(s)", NA_character_
, "text_font_family_fallback", "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial", "body", "Body Text Font Fallbacks", "--text-font-family-fallback"
, "text_font_base", "sans-serif", "body", "Body Text Base Font (Total Failure Fallback)", "--text-font-base"
, "header_font_google", "{NULL}", "body", "Use `google_font()` to specify header font", NA_character_
, "header_font_family", "Cabin", "h1, h2, h3", "Header Font Family (xaringan default is `'Yanone Kaffeesatz'`)", "--header-font-family"
, "header_font_weight", "600", "h1, h2, h3", "Header Font Weight", NA_character_
, "header_font_url", "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap", "@import url", "Header Font URL", NA_character_
, "code_font_google", "{NULL}", "body", "Use `google_font()` to specify code font", NA_character_
, "code_font_family", "Source Code Pro", ".remark-code, .remark-inline-code", "Code Font Family", "--code-font-family"
, "code_font_size", "0.9rem", ".remark-inline", "Code Text Font Size", "--code-font-size"
, "code_font_url", "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap", "@import url", "Code Font URL", NA_character_
, "code_font_family_fallback", "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console", ".remark-code, .remark-inline-code", "Code Font Fallback", NA_character_
)

set_default <- function(tv, ...) {
@@ -68,7 +76,7 @@ template_mono_light <- tibble::tribble(
, "white_color", "{lighten_color(base_color, 0.9)}", "multiple", "Brightest color used, default is a very light version of `base_color`"
, "black_color", "{darken_color(base_color, 0.3)}", "multiple", "Darkest color used, default is a very dark, version of `base_color`"
)
template_mono_light <- do.call('rbind', list(template_mono_light, template_variables))
template_mono_light <- dplyr::bind_rows(template_mono_light, template_variables)
template_mono_light <- set_default(
template_mono_light,
text_color = "{black_color}",
@@ -92,7 +100,7 @@ template_mono_dark <- tibble::tribble(
, "white_color", "{lighten_color(base_color, 0.8)}", "multiple", "Brightest color used, default is a very light version of `base_color`"
, "black_color", "{darken_color(base_color, 0.85)}", "multiple", "Darkest color used, default is a very dark, version of `base_color`"
)
template_mono_dark <- do.call('rbind', list(template_mono_dark, template_variables))
template_mono_dark <- dplyr::bind_rows(template_mono_dark, template_variables)
template_mono_dark <- set_default(
template_mono_dark,
text_color = "{white_color}",
@@ -112,11 +120,11 @@ template_mono_dark <- set_default(

template_mono_accent <- tibble::tribble(
~ variable, ~ default, ~ element, ~ description
, "base_color", "#43418A", "multiple", "Monotone Base Color, works best with a strong color."
, "base_color", "#43418A", "multiple", "Monotone Base Color, works best with a strong color"
, "white_color", "#FFFFFF", "multiple", "Brightest color used"
, "black_color", "#272822", "multiple", "Darkest color used"
)
template_mono_accent <- do.call('rbind', list(template_mono_accent, template_variables))
template_mono_accent <- dplyr::bind_rows(template_mono_accent, template_variables)
template_mono_accent <- set_default(
template_mono_accent,
text_color = "{black_color}",
@@ -132,15 +140,15 @@ template_mono_accent <- set_default(
left_column_subtle_color = "{apply_alpha(base_color, 0.6)}",
left_column_selected_color = "{base_color}",
blockquote_left_border_color = "{apply_alpha(base_color, 0.5)}",
table_row_even_background_color = "{lighten_color(base_color, 0.7)}")
table_row_even_background_color = "{lighten_color(base_color, 0.8)}")

template_mono_accent_inverse <- tibble::tribble(
~ variable, ~ default, ~ element, ~ description
, "base_color", "#3C989E", "multiple", "Monotone Base Color, works best with a light color."
, "base_color", "#3C989E", "multiple", "Monotone Base Color, works best with a light color"
, "white_color", "#FFFFFF", "multiple", "Brightest color used, default is a very light version of `base_color`"
, "black_color", "{darken_color(base_color, 0.9)}", "multiple", "Darkest color used, default is a very dark, version of `base_color`"
)
template_mono_accent_inverse <- do.call('rbind', list(template_mono_accent_inverse, template_variables))
template_mono_accent_inverse <- dplyr::bind_rows(template_mono_accent_inverse, template_variables)
template_mono_accent_inverse <- set_default(
template_mono_accent_inverse,
text_color = "{white_color}",
@@ -156,7 +164,7 @@ template_mono_accent_inverse <- set_default(
left_column_subtle_color = "{apply_alpha(base_color, 0.6)}",
left_column_selected_color = "{base_color}",
blockquote_left_border_color = "{apply_alpha(base_color, 0.5)}",
table_row_even_background_color = "{darken_color(base_color, 0.7)}")
table_row_even_background_color = "{darken_color(base_color, 0.8)}")

template_duo_light <- tibble::tribble(
~ variable, ~ default, ~ element, ~ description
@@ -165,7 +173,7 @@ template_duo_light <- tibble::tribble(
, "white_color", "{lighten_color(primary_color, 0.99)}", "multiple", "Brightest color used, default is a very light version of `primary_color`"
, "black_color", "{darken_color(secondary_color, 0.9)}", "multiple", "Darkest color used, default is a very dark version of `secondary_color`"
)
template_duo_light <- do.call('rbind', list(template_duo_light, template_variables))
template_duo_light <- dplyr::bind_rows(template_duo_light, template_variables)
template_duo_light <- set_default(
template_duo_light,
text_color = "{black_color}",
@@ -181,14 +189,14 @@ template_duo_light <- set_default(
left_column_subtle_color = "{apply_alpha(secondary_color, 0.6)}",
left_column_selected_color = "{secondary_color}",
blockquote_left_border_color = "{apply_alpha(secondary_color, 0.5)}",
table_row_even_background_color = "{lighten_color(secondary_color, 0.7)}")
table_row_even_background_color = "{lighten_color(secondary_color, 0.9)}")

template_duo <- tibble::tribble(
~ variable, ~ default, ~ element, ~ description
, "primary_color", "#1F4257", "multiple", "Duotone Primary Color"
, "secondary_color", "#F97B64", "multiple", "Duotone Secondary Color"
)
template_duo <- do.call('rbind', list(template_duo, template_variables))
template_duo <- dplyr::bind_rows(template_duo, template_variables)
template_duo <- set_default(
template_duo,
text_color = "{choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))}",
@@ -206,7 +214,7 @@ template_duo <- set_default(
left_column_subtle_color = "{apply_alpha(secondary_color, 0.6)}",
left_column_selected_color = "{secondary_color}",
blockquote_left_border_color = "{apply_alpha(secondary_color, 0.5)}",
table_row_even_background_color = "{lighten_color(primary_color, 0.3)}")
table_row_even_background_color = "{lighten_color(primary_color, 0.9)}")

template_duo_accent <- tibble::tribble(
~ variable, ~ default, ~ element, ~ description
@@ -215,7 +223,7 @@ template_duo_accent <- tibble::tribble(
, "white_color", "#FFFFFF", "multiple", "Brightest color used"
, "black_color", "#000000", "multiple", "Darkest color used"
)
template_duo_accent <- do.call('rbind', list(template_duo_accent, template_variables))
template_duo_accent <- dplyr::bind_rows(template_duo_accent, template_variables)
template_duo_accent <- set_default(
template_duo_accent,
text_color = "{black_color}",
@@ -233,7 +241,7 @@ template_duo_accent <- set_default(
left_column_subtle_color = "{apply_alpha(primary_color, 0.6)}",
left_column_selected_color = "{primary_color}",
blockquote_left_border_color = "{apply_alpha(secondary_color, 0.5)}",
table_row_even_background_color = "{lighten_color(secondary_color, 0.3)}")
table_row_even_background_color = "{lighten_color(secondary_color, 0.8)}")

template_duo_accent_inverse <- set_default(
template_duo_accent,
@@ -252,7 +260,7 @@ template_duo_accent_inverse <- set_default(
left_column_subtle_color = "{apply_alpha(primary_color, 0.6)}",
left_column_selected_color = "{primary_color}",
blockquote_left_border_color = "{apply_alpha(secondary_color, 0.5)}",
table_row_even_background_color = "{darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.3)}")
table_row_even_background_color = "{darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)}")

solarized <- list(
"base03" = "#002b36",
@@ -318,3 +326,19 @@ template_solarized_dark <- set_default(
table_row_border_color = solarized$base00,
table_row_even_background_color = solarized$base02
)

usethis::use_data(
template_variables,
template_mono_accent,
template_mono_accent_inverse,
template_mono_light,
template_mono_dark,
template_duo,
template_duo_light,
template_duo_accent,
template_duo_accent_inverse,
template_solarized_light,
template_solarized_dark,
internal = TRUE,
overwrite = TRUE
)

+ 0
- 146
docs/LICENSE-text.html Просмотреть файл

@@ -1,146 +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>License • 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="License" />



<!-- 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.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="contents col-md-9">
<div class="page-header">
<h1>License</h1>
</div>

<pre>YEAR: 2018
COPYRIGHT HOLDER: Garrick Aden-Buie
</pre>

</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
- 150
docs/LICENSE.html Просмотреть файл

@@ -1,150 +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>MIT License • 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="MIT License" />



<!-- 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.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="contents col-md-9">
<div class="page-header">
<h1>MIT License</h1>
</div>

<div id="mit-license" class="section level1">

<p>Copyright (c) 2018 Garrick Aden-Buie</p>
<p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p>
<p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p>
<p>THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
</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
- 154
docs/TODO.html Просмотреть файл

@@ -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 Просмотреть файл

@@ -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 Просмотреть файл

@@ -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>

+ 0
- 327
docs/articles/css-help.html Просмотреть файл

@@ -1,327 +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>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">
<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]>
<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.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 toc-ignore">
<h1>xaringanthemer CSS Help</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/css-help.Rmd"><code>vignettes/css-help.Rmd</code></a></small>
<div class="hidden name"><code>css-help.Rmd</code></div>

</div>

<p>Jump to: <a href="#colors">Colors</a>, <a href="#sizes">Sizes</a>, <a href="#positioning">Positioning</a></p>
<div id="about-this-vignette" class="section level2">
<h2 class="hasAnchor">
<a href="#about-this-vignette" class="anchor"></a>About this vignette</h2>
<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-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>
<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>
<p>in both cases, we get CSS like the following that sets the link color</p>
<div class="sourceCode" id="cb3"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb3-1" data-line-number="1">a, a &gt; code {</a>
<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>
</div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<p>In CSS, text colors are specified with the <code>color:</code> property, background colors use <code>background-color:</code>, and border colors use <code>border-color:</code>.</p>
<p>In <strong>xaringanthemer</strong>, template variables that set</p>
<ul>
<li>text color end with <code>_color</code>;</li>
<li>background color end with <code>_background_color</code>;</li>
<li>border color end with <code>_border_color</code>;</li>
</ul>
<div id="setting-colors" class="section level3">
<h3 class="hasAnchor">
<a href="#setting-colors" class="anchor"></a>Setting colors</h3>
<p>In CSS, there are a number of ways to specify a color:</p>
<ul>
<li><p>You can use a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Color_keywords">color keyword</a>, such as <code>"darkslategray"</code> or <code>"red"</code>.</p></li>
<li>
<p>You can use the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb()_and_rgba()">RGB color specification</a> either via</p>
<ul>
<li>the hexadecimal representation
<ul>
<li>
<code>"#CD2626"</code> or</li>
<li>
<code>"#CD262680"</code> (50% transparency)</li>
</ul>
</li>
<li>or the rgb function notation
<ul>
<li>
<code>"rgb(255, 38, 38)"</code> or</li>
<li>
<code>"rgba(255, 38, 28, 0.5)"</code> (50% transparency).</li>
</ul>
</li>
</ul>
</li>
<li>
<p>You can use the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsl()_and_hsla()">HSL color specification</a> via the functions</p>
<ul>
<li>
<code>"hsl(270,60%,70%)"</code> or</li>
<li>
<code>"hsl(270, 60%, 50%, .15)"</code> (15% transparency).</li>
</ul>
</li>
</ul>
<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>
<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>
</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>
<a class="sourceLine" id="cb4-2" data-line-number="2"><span class="co">#&gt; [1] "#FF0000"</span></a></code></pre></div>
</li>
</ul>
</div>
</div>
<div id="sizes" class="section level2">
<h2 class="hasAnchor">
<a href="#sizes" class="anchor"></a>Sizes</h2>
<p>In <strong>xaringanthemer</strong>, any template variable that accepts a CSS size (or length unit) ends with <code>_size</code>. Sizes are also used for positioning and those template variables end include <code>position</code> in their name.</p>
<p>There are many units available in CSS sizes, but the three most common and easiest to use are pixels (<code>"px"</code>), percentage (<code>"%"</code>), and em units (<code>"em"</code>). Mozilla’s devloper portal has a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/length">full list of CSS length units</a>.</p>
<p>These sizes are either <em>absolute</em> or <em>relative</em> values. Relative values are set relative to the size of the parent element, but absolute values ignore the parent element.</p>
<dl>
<dt>Pixels <code>"px"</code>
</dt>
<dd>Pixels are an <em>absolute</em> size unit, traditionally representing one device pixel. E.g. <code>"16px"</code> or <code>"23px"</code>.
</dd>
<dt>Percentage <code>"%"</code>
</dt>
<dd>Percentages are relative to the size of the parent element, scaled linearly. E.g. <code>"75%"</code> or <code>"150%"</code>.
</dd>
<dt>em Units <code>"em"</code>
</dt>
<dd>em Units are just like percentages, except expressed as decimals. E.g. <code>"0.75em"</code> or <code>"1.5em"</code>.
</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>
<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>
<a class="sourceLine" id="cb5-5" data-line-number="5"><span class="kw">&lt;/div&gt;</span></a></code></pre></div>
<p>Intuitively, you might want the section header to have a somewhat bigger font size than the paragraph text, but you don’t want to have to set the text size for each and every paragraph or header.</p>
<p>To do this, we can set the base size of any element inside the <code>&lt;div class="page"&gt;</code>, and adjust the header size relatively.</p>
<div class="sourceCode" id="cb6"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="fu">.page</span> {</a>
<a class="sourceLine" id="cb6-2" data-line-number="2"> <span class="kw">font-size</span>: <span class="dv">16px</span>;</a>
<a class="sourceLine" id="cb6-3" data-line-number="3">}</a>
<a class="sourceLine" id="cb6-4" data-line-number="4">h1 {</a>
<a class="sourceLine" id="cb6-5" data-line-number="5"> <span class="kw">font-size</span>: <span class="dv">2em</span>;</a>
<a class="sourceLine" id="cb6-6" data-line-number="6">}</a></code></pre></div>
<p>Now our paragraph font will be 16 pixels tall, and the level 1 headers will be twice as big. If we later decide to change the base font size, say to <code>"15px"</code>, the header text will still be twice as big as the paragraph text.</p>
</div>
<div id="positioning" class="section level2">
<h2 class="hasAnchor">
<a href="#positioning" class="anchor"></a>Positioning</h2>
<p>If you’re reading this, you’re probably wondering how you make an element be <em>where you want it to be</em>.</p>
<p>There are 3 items that <strong>xaringanthemer</strong> can help you position:</p>
<ul>
<li>
<code>background_position</code> (background image position)</li>
<li>
<code>title_slide_background_position</code> (title slide background image position)</li>
<li>
<code>footnote_position_bottom</code> (footnote location from bottom of screen)</li>
</ul>
<div id="footnote-position" class="section level3">
<h3 class="hasAnchor">
<a href="#footnote-position" class="anchor"></a>Footnote Position</h3>
<p><strong>xaringanthemer</strong> provides one template variable to adjust the position of the footnote element. Footnotes can be insterted into a slide using the <code>.footnote[Here's my quick footnote]</code> syntax.</p>
<p>The <code>footnote_position_bottom</code> argument adjust how far from the bottom of the slide the footnote appears. The default value is <code>"3em"</code>, but you can adjust this value up or down to get the footnote where you want.</p>
</div>
<div id="background-position" class="section level3">
<h3 class="hasAnchor">
<a href="#background-position" class="anchor"></a>Background Position</h3>
<p>The background position is set using the theme function arguments that end with <code>background_position</code>. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position#Syntax">this article on background-position</a> from Mozilla for more information.</p>
<p>Try any of the following values to get started:</p>
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1">background_position =<span class="st"> "center"</span></a>
<a class="sourceLine" id="cb7-2" data-line-number="2">background_position =<span class="st"> "top"</span></a>
<a class="sourceLine" id="cb7-3" data-line-number="3">background_position =<span class="st"> "left"</span></a>
<a class="sourceLine" id="cb7-4" data-line-number="4">background_position =<span class="st"> "bottom"</span></a>
<a class="sourceLine" id="cb7-5" data-line-number="5">background_position =<span class="st"> "25% 75%"</span> <span class="co"># X-value (from left) Y-value (from top)</span></a>
<a class="sourceLine" id="cb7-6" data-line-number="6">background_position =<span class="st"> "bottom 10px right 20px"</span> <span class="co"># 10px from bottom, 20px from right</span></a>
<a class="sourceLine" id="cb7-7" data-line-number="7">background_position =<span class="st"> "top left 10px"</span> <span class="co"># at top but adjusted left 10px</span></a></code></pre></div>
</div>
<div id="general-positioning" class="section level3">
<h3 class="hasAnchor">
<a href="#general-positioning" class="anchor"></a>General Positioning</h3>
<p>Read this section if you want to put a slide element at a specific spot on your slide.</p>
<p>The <code>position</code> CSS element is used to specify where an element is located on the screen. Mozilla provides a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">very good reference on positioning</a> that I’ve summarized here.</p>
<p>An element can be <code>"relative"</code>-ly positioned, <code>"absolute"</code>-ly positioned, <code>"fixed"</code>, <code>"sticky"</code> or <code>"static"</code> (default). For an element with a computed position (i.e. not <code>"static"</code>), you can also specify the <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code> CSS properties for that element. The <code>top</code>/<code>bottom</code> parameters specify vertical displacement, and the <code>right</code>/<code>left</code> specify horizontal displacement.</p>
<dl>
<dt>Relatively positioned <code>position: relative</code>
</dt>
<dd>For relatively positioned elements, the element position is adjusted relative to where it <em>would have been</em> if it were <code>static</code>.
</dd>
<dt>Absolutely positioned <code>position: absolute</code> or <code>position: fixed</code>
</dt>
<dd>Absolutely positioned elements are positioned relative to the block that contains the element (called a containing block). A <code>fixed</code> element won’t move with scrolling (but <code>fixed</code> is not recommended for remarkjs slides).
</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>
<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>
<a class="sourceLine" id="cb8-7" data-line-number="7"> <span class="st">"top"</span> =<span class="st"> "33%"</span>,</a>
<a class="sourceLine" id="cb8-8" data-line-number="8"> <span class="st">"left"</span> =<span class="st"> "65%"</span></a>
<a class="sourceLine" id="cb8-9" data-line-number="9"> )</a>
<a class="sourceLine" id="cb8-10" data-line-number="10"> )</a>
<a class="sourceLine" id="cb8-11" data-line-number="11">)</a></code></pre></div>
<p>This creates CSS like this:</p>
<div class="sourceCode" id="cb9"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="fu">.box-right</span> {</a>
<a class="sourceLine" id="cb9-2" data-line-number="2"> <span class="kw">height</span>: <span class="dv">300px</span>;</a>
<a class="sourceLine" id="cb9-3" data-line-number="3"> <span class="kw">width</span>: <span class="dv">300px</span>;</a>
<a class="sourceLine" id="cb9-4" data-line-number="4"> <span class="kw">position</span>: <span class="dv">absolute</span>;</a>
<a class="sourceLine" id="cb9-5" data-line-number="5"> <span class="kw">top</span>: <span class="dv">33%</span>;</a>
<a class="sourceLine" id="cb9-6" data-line-number="6"> <span class="kw">left</span>: <span class="dv">65%</span>;</a>
<a class="sourceLine" id="cb9-7" data-line-number="7">}</a></code></pre></div>
<p>which you can then use in your slides by wrapping the slide content in <code>.box-right[]</code>.</p>
<pre><code>.box-right[
Stuff inside the box
]</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="#about-this-vignette">About this vignette</a></li>
<li><a href="#colors">Colors</a></li>
<li><a href="#sizes">Sizes</a></li>
<li><a href="#positioning">Positioning</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>

Двоичные данные
docs/articles/images/example-rstudio-completion.gif Просмотреть файл

Before After
Width: 926  |  Height: 250  |  Size: 849KB

Двоичные данные
docs/articles/images/example_default.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 215KB

Двоичные данные
docs/articles/images/example_duo.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 200KB

Двоичные данные
docs/articles/images/example_duo_accent.png Просмотреть файл

Before After
Width: 1350  |  Height: 338  |  Size: 191KB

Двоичные данные
docs/articles/images/example_duo_accent_inverse.png Просмотреть файл

Before After
Width: 1350  |  Height: 338  |  Size: 189KB

Двоичные данные
docs/articles/images/example_mono_accent.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 174KB

Двоичные данные
docs/articles/images/example_mono_accent_inverse.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 204KB

Двоичные данные
docs/articles/images/example_mono_dark.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 207KB

Двоичные данные
docs/articles/images/example_mono_light.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 204KB

Двоичные данные
docs/articles/images/example_mono_light_1c5253.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 67KB

Двоичные данные
docs/articles/images/example_solarized_dark.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 190KB

Двоичные данные
docs/articles/images/example_solarized_light.png Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 199KB

Двоичные данные
docs/articles/images/examples.gif Просмотреть файл

Before After
Width: 900  |  Height: 338  |  Size: 349KB

Двоичные данные
docs/articles/images/rmarkdown-template-screenshot.png Просмотреть файл

Before After
Width: 583  |  Height: 474  |  Size: 65KB

+ 0
- 152
docs/articles/index.html Просмотреть файл

@@ -1,152 +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>Articles • 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="Articles" />



<!-- 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-index">
<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>Articles</h1>
</div>

<div class="section ">
<h3>All vignettes</h3>
<p class="section-desc"></p>

<ul>
<li><a href="css-help.html">xaringanthemer CSS Help</a></li>
<li><a href="singles/fonts.html">Fonts</a></li>
<li><a href="singles/themes.html">Themes</a></li>
<li><a href="template-variables.html">Template Variables</a></li>
<li><a href="xaringanthemer.html">Xaringan CSS Theme Generator</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
- 140
docs/articles/singles/fonts.html Просмотреть файл

@@ -1,140 +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><!-- 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]>
<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.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 toc-ignore">
<h1>Fonts</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/singles/fonts.Rmd"><code>vignettes/singles/fonts.Rmd</code></a></small>
<div class="hidden name"><code>fonts.Rmd</code></div>

</div>

<!-- Need to set [adding-custom-css] -->
<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>
<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 class="col-md-3 hidden-xs hidden-sm" id="sidebar">
</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
- 214
docs/articles/singles/themes.html Просмотреть файл

@@ -1,214 +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><!-- 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]>
<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.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 toc-ignore">
<h1>Themes</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/singles/themes.Rmd"><code>vignettes/singles/themes.Rmd</code></a></small>
<div class="hidden name"><code>themes.Rmd</code></div>

</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="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>
<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="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>
<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="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>
<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="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>
<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="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>
<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="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>
<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="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>
<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="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>
<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="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>
<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-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>
<a class="sourceLine" id="cb10-8" data-line-number="8"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
</div>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
</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
- 449
docs/articles/template-variables.html Просмотреть файл

@@ -1,449 +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>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">
<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]>
<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.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 toc-ignore">
<h1>Template Variables</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/template-variables.Rmd"><code>vignettes/template-variables.Rmd</code></a></small>
<div class="hidden name"><code>template-variables.Rmd</code></div>

</div>

<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>
<table class="table">
<thead><tr class="header">
<th align="left">variable</th>
<th align="left">default</th>
<th align="left">element</th>
<th align="left">description</th>
</tr></thead>
<tbody>
<tr class="odd">
<td align="left"><code>text_color</code></td>
<td align="left"><code>#000</code></td>
<td align="left">body</td>
<td align="left">Text Color</td>
</tr>
<tr class="even">
<td align="left"><code>header_color</code></td>
<td align="left"><code>#000</code></td>
<td align="left">h1, h2, h3</td>
<td align="left">Header Color</td>
</tr>
<tr class="odd">
<td align="left"><code>background_color</code></td>
<td align="left"><code>#FFF</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Slide Background Color</td>
</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">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">strong</td>
<td align="left">Bold Text Color</td>
</tr>
<tr class="even">
<td align="left"><code>text_slide_number_color</code></td>
<td align="left"><code>inverse_background_color</code></td>
<td align="left">.remark-slide-number</td>
<td align="left">Slide Number Color</td>
</tr>
<tr class="odd">
<td align="left"><code>padding</code></td>
<td align="left"><code>1em 4em 1em 4em</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">.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>
</tr>
<tr class="odd">
<td align="left"><code>background_size</code></td>
<td align="left"><code>NA</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>
</tr>
<tr class="even">
<td align="left"><code>background_position</code></td>
<td align="left"><code>NA</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>
</tr>
<tr class="odd">
<td align="left"><code>code_highlight_color</code></td>
<td align="left"><code>rgba(255,255,0,0.5)</code></td>
<td align="left">.remark-code-line-highlighted</td>
<td align="left">Code Line Highlight</td>
</tr>
<tr class="even">
<td align="left"><code>code_inline_color</code></td>
<td align="left"><code>#000</code></td>
<td align="left">.remark-inline-code</td>
<td align="left">Inline Code Color</td>
</tr>
<tr class="odd">
<td align="left"><code>code_inline_background_color</code></td>
<td align="left"><code>NA</code></td>
<td align="left">.remark-inline-code</td>
<td align="left">Inline Code Background Color</td>
</tr>
<tr class="even">
<td align="left"><code>code_inline_font_size</code></td>
<td align="left"><code>1em</code></td>
<td align="left">.remark-inline-code</td>
<td align="left">Inline Code Text Font Size</td>
</tr>
<tr class="odd">
<td align="left"><code>inverse_background_color</code></td>
<td align="left"><code>#272822</code></td>
<td align="left">.inverse</td>
<td align="left">Inverse Background Color</td>
</tr>
<tr class="even">
<td align="left"><code>inverse_text_color</code></td>
<td align="left"><code>#d6d6d6</code></td>
<td align="left">.inverse</td>
<td align="left">Inverse Text Color</td>
</tr>
<tr class="odd">
<td align="left"><code>inverse_text_shadow</code></td>
<td align="left"><code>FALSE</code></td>
<td align="left">.inverse</td>
<td align="left">Enables Shadow on text of inverse slides</td>
</tr>
<tr class="even">
<td align="left"><code>inverse_header_color</code></td>
<td align="left"><code>#f3f3f3</code></td>
<td align="left">.inverse h1, .inverse h2, .inverse h3</td>
<td align="left">Inverse Header Color</td>
</tr>
<tr class="odd">
<td align="left"><code>title_slide_text_color</code></td>
<td align="left"><code>inverse_text_color</code></td>
<td align="left">.title-slide</td>
<td align="left">Title Slide Text Color</td>
</tr>
<tr class="even">
<td align="left"><code>title_slide_background_color</code></td>
<td align="left"><code>inverse_background_color</code></td>
<td align="left">.title-slide</td>
<td align="left">Title Slide Background Color</td>
</tr>
<tr class="odd">
<td align="left"><code>title_slide_background_image</code></td>
<td align="left"><code>NA</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">.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">.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">.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>
<tr class="odd">
<td align="left"><code>footnote_font_size</code></td>
<td align="left"><code>0.9em</code></td>
<td align="left">.footnote</td>
<td align="left">Footnote font size</td>
</tr>
<tr class="even">
<td align="left"><code>footnote_position_bottom</code></td>
<td align="left"><code>3em</code></td>
<td align="left">.footnote</td>
<td align="left">Footnote location from bottom of screen</td>
</tr>
<tr class="odd">
<td align="left"><code>left_column_subtle_color</code></td>
<td align="left"><code>#777</code></td>
<td align="left">.left-column h2, .left-column h3</td>
<td align="left">Left Column Text (not last)</td>
</tr>
<tr class="even">
<td align="left"><code>left_column_selected_color</code></td>
<td align="left"><code>#000</code></td>
<td align="left">.left-column h2:last-of-type, .left-column h3:last-child</td>
<td align="left">Left Column Current Selection</td>
</tr>
<tr class="odd">
<td align="left"><code>blockquote_left_border_color</code></td>
<td align="left"><code>lightgray</code></td>
<td align="left">blockquote</td>
<td align="left">Blockquote Left Border Color</td>
</tr>
<tr class="even">
<td align="left"><code>table_border_color</code></td>
<td align="left"><code>#666</code></td>
<td align="left">table: border-top, border-bottom</td>
<td align="left">Table top/bottom border</td>
</tr>
<tr class="odd">
<td align="left"><code>table_row_border_color</code></td>
<td align="left"><code>#ddd</code></td>
<td align="left">table thead th: border-bottom</td>
<td align="left">Table row inner bottom border</td>
</tr>
<tr class="even">
<td align="left"><code>table_row_even_background_color</code></td>
<td align="left"><code>#eee</code></td>
<td align="left">thead, tfoot, tr:nth-child(even)</td>
<td align="left">Table Even Row Background Color</td>
</tr>
<tr class="odd">
<td align="left"><code>text_font_size</code></td>
<td align="left"><code>20px</code></td>
<td align="left">.remark-slide-content</td>
<td align="left">Slide Body Text Font Size</td>
</tr>
<tr class="even">
<td align="left"><code>header_h1_font_size</code></td>
<td align="left"><code>55px</code></td>
<td align="left">.remark-slide-content h1</td>
<td align="left">h1 Header Text Font Size</td>
</tr>
<tr class="odd">
<td align="left"><code>header_h2_font_size</code></td>
<td align="left"><code>45px</code></td>
<td align="left">.remark-slide-content h2</td>
<td align="left">h2 Header Text Font Size</td>
</tr>
<tr class="even">
<td align="left"><code>header_h3_font_size</code></td>
<td align="left"><code>35px</code></td>
<td align="left">.remark-slide-content h3</td>
<td align="left">h3 Header Text Font Size</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>
<td align="left">Slide Number Text Font Size</td>
</tr>
<tr class="even">
<td align="left"><code>text_font_google</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">body</td>
<td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify body font</td>
</tr>
<tr class="odd">
<td align="left"><code>text_font_family</code></td>
<td align="left"><code>'Droid Serif'</code></td>
<td align="left">body</td>
<td align="left">Body Text Font Family</td>
</tr>
<tr class="even">
<td align="left"><code>text_font_weight</code></td>
<td align="left"><code>normal</code></td>
<td align="left">body</td>
<td align="left">Body Text Font Weight</td>
</tr>
<tr class="odd">
<td align="left"><code>text_font_url</code></td>
<td align="left"><code>https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic</code></td>
<td align="left">
<span class="citation">@import</span> url()</td>
<td align="left">Body Text Font URL(s)</td>
</tr>
<tr class="even">
<td align="left"><code>text_font_family_fallback</code></td>
<td align="left"><code>'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'</code></td>
<td align="left">body</td>
<td align="left">Body Text Font Fallbacks</td>
</tr>
<tr class="odd">
<td align="left"><code>text_font_base</code></td>
<td align="left"><code>serif</code></td>
<td align="left">body</td>
<td align="left">Body Text Base Font (Total Failure Fallback)</td>
</tr>
<tr class="even">
<td align="left"><code>header_font_google</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">body</td>
<td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify header font</td>
</tr>
<tr class="odd">
<td align="left"><code>header_font_family</code></td>
<td align="left"><code>'Yanone Kaffeesatz'</code></td>
<td align="left">h1, h2, h3</td>
<td align="left">Header Font Family</td>
</tr>
<tr class="even">
<td align="left"><code>header_font_weight</code></td>
<td align="left"><code>normal</code></td>
<td align="left">h1, h2, h3</td>
<td align="left">Header Font Weight</td>
</tr>
<tr class="odd">
<td align="left"><code>header_font_url</code></td>
<td align="left"><code>https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz</code></td>
<td align="left">
<span class="citation">@import</span> url</td>
<td align="left">Header Font URL</td>
</tr>
<tr class="even">
<td align="left"><code>code_font_google</code></td>
<td align="left"><code>NULL</code></td>
<td align="left">body</td>
<td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify code font</td>
</tr>
<tr class="odd">
<td align="left"><code>code_font_family</code></td>
<td align="left"><code>'Source Code Pro'</code></td>
<td align="left">.remark-code, .remark-inline-code</td>
<td align="left">Code Font Family</td>
</tr>
<tr class="even">
<td align="left"><code>code_font_size</code></td>
<td align="left"><code>0.9em</code></td>
<td align="left">.remark-inline</td>
<td align="left">Code Text Font Size</td>
</tr>
<tr class="odd">
<td align="left"><code>code_font_url</code></td>
<td align="left"><code>https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700</code></td>
<td align="left">
<span class="citation">@import</span> url</td>
<td align="left">Code Font URL</td>
</tr>
<tr class="even">
<td align="left"><code>code_font_family_fallback</code></td>
<td align="left"><code>'Lucida Console', Monaco</code></td>
<td align="left">.remark-code, .remark-inline-code</td>
<td align="left">Code Font Fallback</td>
</tr>
</tbody>
</table>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
</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
- 360
docs/articles/xaringanthemer.html Просмотреть файл

@@ -1,360 +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>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">
<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]>
<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.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 toc-ignore">
<h1>Xaringan CSS Theme Generator</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/xaringanthemer.Rmd"><code>vignettes/xaringanthemer.Rmd</code></a></small>
<div class="hidden name"><code>xaringanthemer.Rmd</code></div>

</div>

<!-- This vignette was automatically created from README.Rmd

Please consider removing installation instructions, badges, and
any other README-specific material.
You can include short independent documents in README.Rmd using
the following chunk argument syntax:
child='vignettes/rmdhunks/example1.Rmd'
https://yihui.name/knitr/demo/child/
or read-in chunks stored in an independent R script using knitr::read_chunk()
https://yihui.name/knitr/demo/externalization/ -->
<!-- README.md is generated from README.Rmd. Please edit that file -->
<p>Jump to: <a href="#quick-intro">Quick Intro</a>, <a href="#themes">Themes</a>, <a href="#theme-settings">Theme Settings</a>, <a href="#adding-custom-css">Adding Custom CSS</a>, <a href="#fonts">Fonts</a></p>
<div id="quick-intro" class="section level2">
<h2 class="hasAnchor">
<a href="#quick-intro" class="anchor"></a>Quick Intro</h2>
<!-- Set link to theme-settings, template-variables, theme functions -->
<p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb1-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<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>
<p><img src="images/example_mono_light_1c5253.png" width="100%"></p>
<div id="tab-completion" class="section level3">
<h3 class="hasAnchor">
<a href="#tab-completion" class="anchor"></a>Tab Completion</h3>
<p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
<p><img src="images/example-rstudio-completion.gif" width="100%"></p>
</div>
<div id="r-markdown-template-in-rstudio" class="section level3">
<h3 class="hasAnchor">
<a href="#r-markdown-template-in-rstudio" class="anchor"></a>R Markdown Template in RStudio</h3>
<p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p>
<center>
<img src="images/rmarkdown-template-screenshot.png" width="350px">
</center>
</div>
</div>
<div id="themes" class="section level2">
<h2 class="hasAnchor">
<a href="#themes" class="anchor"></a>Themes</h2>
<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="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>
<p><img src="images/example_mono_light.png" width="100%"></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"><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>
<p><img src="images/example_mono_dark.png" width="100%"></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="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>
<p><img src="images/example_mono_accent.png" width="100%"></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="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>
<p><img src="images/example_mono_accent_inverse.png" width="100%"></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="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>
<p><img src="images/example_duo.png" width="100%"></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="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>
<p><img src="images/example_duo_accent.png" width="100%"></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="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>
<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">
<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="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>
<p><img src="images/example_solarized_light.png" width="100%"></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="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>
<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-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>
<a class="sourceLine" id="cb12-8" data-line-number="8"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
</div>
</div>
</div>
<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>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>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>
<li><code>text_color</code></li>
<li><code>text_bold_color</code></li>
<li><code>text_slide_number_color</code></li>
<li><code>text_font_size</code></li>
<li><code>text_slide_number_font_size</code></li>
<li><em>and more …</em></li>
</ul>
<p>And here are the title slide theme options:</p>
<ul>
<li><code>title_slide_text_color</code></li>
<li><code>title_slide_background_color</code></li>
<li><code>title_slide_background_image</code></li>
<li><code>title_slide_background_size</code></li>
<li><code>title_slide_background_position</code></li>
</ul>
</div>
<div id="adding-custom-css" class="section level2">
<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>
<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>
<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>
<a class="sourceLine" id="cb15-4" data-line-number="4">}</a>
<a class="sourceLine" id="cb15-5" data-line-number="5"><span class="fu">.small</span> {</a>
<a class="sourceLine" id="cb15-6" data-line-number="6"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a>
<a class="sourceLine" id="cb15-7" data-line-number="7">}</a>
<a class="sourceLine" id="cb15-8" data-line-number="8"><span class="fu">.full-width</span> {</a>
<a class="sourceLine" id="cb15-9" data-line-number="9"> <span class="kw">display</span>: flex;</a>
<a class="sourceLine" id="cb15-10" data-line-number="10"> <span class="kw">width</span>: <span class="dv">100%</span>;</a>
<a class="sourceLine" id="cb15-11" data-line-number="11"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a>
<a class="sourceLine" id="cb15-12" data-line-number="12">}</a></code></pre></div>
<p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could color text red <code>.red[like this]</code> or write <code>.small[in smaller font size]</code>.</p>
</div>
<div id="fonts" class="section level2">
<h2 class="hasAnchor">
<a href="#fonts" class="anchor"></a>Fonts</h2>
<!-- Need to set [adding-custom-css] -->
<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>
<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>
<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>
<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>
<p>Big thank you to <a href="https://yihui.name">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://gnab.org">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p>
<p>Feel free to <a href="https://github.com/gadenbuie/xaringanthemer/issues">file an issue</a> if you find a bug or have a theme suggestion – or better yet, submit a pull request!</p>
</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="#quick-intro">Quick Intro</a></li>
<li><a href="#themes">Themes</a></li>
<li><a href="#theme-settings">Theme Settings</a></li>
<li><a href="#adding-custom-css">Adding Custom CSS</a></li>
<li><a href="#fonts">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
- 149
docs/authors.html Просмотреть файл

@@ -1,149 +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>Authors • 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="Authors" />



<!-- 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-authors">
<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="contents col-md-9">
<div class="page-header">
<h1>Authors</h1>
</div>

<ul class="list-unstyled">
<li>
<p><strong><a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a></strong>. Author, maintainer.
</p>
</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>


+ 0
- 148
docs/docsearch.css
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


+ 0
- 85
docs/docsearch.js Просмотреть файл

@@ -1,85 +0,0 @@
$(function() {

// register a handler to move the focus to the search bar
// upon pressing shift + "/" (i.e. "?")
$(document).on('keydown', function(e) {
if (e.shiftKey && e.keyCode == 191) {
e.preventDefault();
$("#search-input").focus();
}
});

$(document).ready(function() {
// do keyword highlighting
/* modified from https://jsfiddle.net/julmot/bL6bb5oo/ */
var mark = function() {

var referrer = document.URL ;
var paramKey = "q" ;

if (referrer.indexOf("?") !== -1) {
var qs = referrer.substr(referrer.indexOf('?') + 1);
var qs_noanchor = qs.split('#')[0];
var qsa = qs_noanchor.split('&');
var keyword = "";

for (var i = 0; i < qsa.length; i++) {
var currentParam = qsa[i].split('=');

if (currentParam.length !== 2) {
continue;
}

if (currentParam[0] == paramKey) {
keyword = decodeURIComponent(currentParam[1].replace(/\+/g, "%20"));
}
}

if (keyword !== "") {
$(".contents").unmark({
done: function() {
$(".contents").mark(keyword);
}
});
}
}
};

mark();
});
});

/* Search term highlighting ------------------------------*/

function matchedWords(hit) {
var words = [];

var hierarchy = hit._highlightResult.hierarchy;
// loop to fetch from lvl0, lvl1, etc.
for (var idx in hierarchy) {
words = words.concat(hierarchy[idx].matchedWords);
}

var content = hit._highlightResult.content;
if (content) {
words = words.concat(content.matchedWords);
}

// return unique words
var words_uniq = [...new Set(words)];
return words_uniq;
}

function updateHitURL(hit) {

var words = matchedWords(hit);
var url = "";

if (hit.anchor) {
url = hit.url_without_anchor + '?q=' + escape(words.join(" ")) + '#' + hit.anchor;
} else {
url = hit.url + '?q=' + escape(words.join(" "));
}

return url;
}

+ 0
- 188
docs/index.html Просмотреть файл

@@ -1,188 +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>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">
<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 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.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">

<!-- index.md is generated from index.Rmd. Please edit that file -->
<div id="xaringanthemer" class="section level1">
<div class="page-header"><h1 class="hasAnchor">
<a href="#xaringanthemer" class="anchor"></a>xaringanthemer</h1></div>
<p>Give your <a href="https://github.com/yihui/xaringan">xaringan</a> slides some style with <strong>xaringanthemer</strong> within your <code>slides.Rmd</code> file without (much) CSS.</p>
<p><img src="articles/images/examples.gif" width="100%"></p>
<div id="installation" class="section level2">
<h2 class="hasAnchor">
<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>
</div>
<div id="usage" class="section level2">
<h2 class="hasAnchor">
<a href="#usage" class="anchor"></a>Usage</h2>
<!-- Set link to theme-settings, template-variables, theme functions -->
<p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb2-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<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>
<p><img src="articles/images/example_mono_light_1c5253.png" width="100%"></p>
<div id="tab-completion" class="section level3">
<h3 class="hasAnchor">
<a href="#tab-completion" class="anchor"></a>Tab Completion</h3>
<p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="articles/xaringanthemer.html#theme-settings">use autocomplete to explore</a> the <a href="articles/template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
<p><img src="articles/images/example-rstudio-completion.gif" width="100%"></p>
</div>
<div id="r-markdown-template-in-rstudio" class="section level3">
<h3 class="hasAnchor">
<a href="#r-markdown-template-in-rstudio" class="anchor"></a>R Markdown Template in RStudio</h3>
<p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p>
<center>
<img src="articles/images/rmarkdown-template-screenshot.png" width="350px">
</center>
</div>
</div>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
<div class="links">
<h2>Links</h2>
<ul class="list-unstyled">
<li>Browse source code at <br><a href="https://github.com/gadenbuie/xaringanthemer">https://​github.com/​gadenbuie/​xaringanthemer</a>
</li>
<li>Report a bug at <br><a href="https://github.com/gadenbuie/xaringanthemer/issues">https://​github.com/​gadenbuie/​xaringanthemer/​issues</a>
</li>
</ul>
</div>
<div class="license">
<h2>License</h2>
<ul class="list-unstyled">
<li><a href="LICENSE.html">Full license</a></li>
<li><small><a href="https://opensource.org/licenses/mit-license.php">MIT</a> + file <a href="LICENSE-text.html">LICENSE</a></small></li>
</ul>
</div>
<div class="developers">
<h2>Developers</h2>
<ul class="list-unstyled">
<li>
<a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> <br><small class="roles"> Author, maintainer </small> </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
- 11
docs/jquery.sticky-kit.min.js Просмотреть файл

@@ -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);

+ 0
- 12
docs/link.svg Просмотреть файл

@@ -1,12 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<style type="text/css">
.st0{fill:#75AADB;}
</style>
<path class="st0" d="M4,11.3h1.3v1.3H4c-2,0-4-2.3-4-4.7s2.1-4.7,4-4.7h5.3c1.9,0,4,2.3,4,4.7c0,1.9-1.2,3.6-2.7,4.3v-1.5
C11.4,10.2,12,9.1,12,8c0-1.7-1.4-3.3-2.7-3.3H4C2.7,4.7,1.3,6.3,1.3,8S2.7,11.3,4,11.3z M16,7.3h-1.3v1.3H16c1.3,0,2.7,1.6,2.7,3.3
s-1.4,3.3-2.7,3.3h-5.3C9.4,15.3,8,13.7,8,12c0-1.1,0.6-2.2,1.3-2.8V7.7C7.9,8.4,6.7,10.1,6.7,12c0,2.4,2.1,4.7,4,4.7H16
c1.9,0,4-2.3,4-4.7S18,7.3,16,7.3z"/>
</svg>

+ 0
- 232
docs/pkgdown.css Просмотреть файл

@@ -1,232 +0,0 @@
/* Sticky footer */

/**
* Basic idea: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
* Details: https://github.com/philipwalton/solved-by-flexbox/blob/master/assets/css/components/site.css
*
* .Site -> body > .container
* .Site-content -> body > .container .row
* .footer -> footer
*
* Key idea seems to be to ensure that .container and __all its parents__
* have height set to 100%
*
*/

html, body {
height: 100%;
}

body > .container {
display: flex;
height: 100%;
flex-direction: column;

padding-top: 60px;
}

body > .container .row {
flex: 1 0 auto;
}

footer {
margin-top: 45px;
padding: 35px 0 36px;
border-top: 1px solid #e5e5e5;
color: #666;
display: flex;
flex-shrink: 0;
}
footer p {
margin-bottom: 0;
}
footer div {
flex: 1;
}
footer .pkgdown {
text-align: right;
}
footer p {
margin-bottom: 0;
}

img.icon {
float: right;
}

img {
max-width: 100%;
}

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

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

/* Section anchors ---------------------------------*/

a.anchor {
margin-left: -30px;
display:inline-block;
width: 30px;
height: 30px;
visibility: hidden;

background-image: url(./link.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center center;
}

.hasAnchor:hover a.anchor {
visibility: visible;
}

@media (max-width: 767px) {
.hasAnchor:hover a.anchor {
visibility: hidden;
}
}


/* Fixes for fixed navbar --------------------------*/

.contents h1, .contents h2, .contents h3, .contents h4 {
padding-top: 60px;
margin-top: -40px;
}

/* Static header placement on mobile devices */
@media (max-width: 767px) {
.navbar-fixed-top {
position: absolute;
}
.navbar {
padding: 0;
}
}


/* Sidebar --------------------------*/

#sidebar {
margin-top: 30px;
}
#sidebar h2 {
font-size: 1.5em;
margin-top: 1em;
}

#sidebar h2:first-child {
margin-top: 0;
}

#sidebar .list-unstyled li {
margin-bottom: 0.5em;
}

.orcid {
height: 16px;
vertical-align: middle;
}

/* Reference index & topics ----------------------------------------------- */

.ref-index th {font-weight: normal;}

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

.ref-index .alias {width: 40%;}
.ref-index .title {width: 60%;}

.ref-arguments th {text-align: right; padding-right: 10px;}
.ref-arguments th, .ref-arguments td {vertical-align: top;}
.ref-arguments .name {width: 20%;}
.ref-arguments .desc {width: 80%;}

/* Nice scrolling for wide elements --------------------------------------- */

table {
display: block;
overflow: auto;
}

/* Syntax highlighting ---------------------------------------------------- */

pre {
word-wrap: normal;
word-break: normal;
border: 1px solid #eee;
}

pre, code {
background-color: #f8f8f8;
color: #333;
}

pre code {
overflow: auto;
word-wrap: normal;
white-space: pre;
}

pre .img {
margin: 5px 0;
}

pre .img img {
background-color: #fff;
display: block;
height: auto;
}

code a, pre a {
color: #375f84;
}

a.sourceLine:hover {
text-decoration: none;
}

.fl {color: #1514b5;}
.fu {color: #000000;} /* function */
.ch,.st {color: #036a07;} /* string */
.kw {color: #264D66;} /* keyword */
.co {color: #888888;} /* comment */

.message { color: black; font-weight: bolder;}
.error { color: orange; font-weight: bolder;}
.warning { color: #6A0366; font-weight: bolder;}

/* Clipboard --------------------------*/

.hasCopyButton {
position: relative;
}

.btn-copy-ex {
position: absolute;
right: 0;
top: 0;
visibility: hidden;
}

.hasCopyButton:hover button.btn-copy-ex {
visibility: visible;
}

/* mark.js ----------------------------*/

mark {
background-color: rgba(255, 255, 51, 0.5);
border-bottom: 2px solid rgba(255, 153, 51, 0.3);
padding: 1px;
}

/* vertical spacing after htmlwidgets */
.html-widget {
margin-bottom: 10px;
}

+ 0
- 110
docs/pkgdown.js Просмотреть файл

@@ -1,110 +0,0 @@
/* http://gregfranko.com/blog/jquery-best-practices/ */
(function($) {
$(function() {

$("#sidebar")
.stick_in_parent({offset_top: 40})
.on('sticky_kit:bottom', function(e) {
$(this).parent().css('position', 'static');
})
.on('sticky_kit:unbottom', function(e) {
$(this).parent().css('position', 'relative');
});

$('body').scrollspy({
target: '#sidebar',
offset: 60
});

$('[data-toggle="tooltip"]').tooltip();

var cur_path = paths(location.pathname);
var links = $("#navbar ul li a");
var max_length = -1;
var pos = -1;
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute("href") === "#")
continue;
var path = paths(links[i].pathname);

var length = prefix_length(cur_path, path);
if (length > max_length) {
max_length = length;
pos = i;
}
}

// Add class to parent <li>, and enclosing <li> if in dropdown
if (pos >= 0) {
var menu_anchor = $(links[pos]);
menu_anchor.parent().addClass("active");
menu_anchor.closest("li.dropdown").addClass("active");
}
});

function paths(pathname) {
var pieces = pathname.split("/");
pieces.shift(); // always starts with /

var end = pieces[pieces.length - 1];
if (end === "index.html" || end === "")
pieces.pop();
return(pieces);
}

function prefix_length(needle, haystack) {
if (needle.length > haystack.length)
return(0);

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

for (var i = 0; i < haystack.length; i++) {
if (needle[i] != haystack[i])
return(i);
}

return(haystack.length);
}

/* Clipboard --------------------------*/

function changeTooltipMessage(element, msg) {
var tooltipOriginalTitle=element.getAttribute('data-original-title');
element.setAttribute('data-original-title', msg);
$(element).tooltip('show');
element.setAttribute('data-original-title', tooltipOriginalTitle);
}

if(Clipboard.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>";

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

// Insert copy buttons:
$(copyButton).prependTo(".hasCopyButton");

// Initialize tooltips:
$('.btn-copy-ex').tooltip({container: 'body'});

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

clipboardBtnCopies.on('success', function(e) {
changeTooltipMessage(e.trigger, 'Copied!');
e.clearSelection();
});

clipboardBtnCopies.on('error', function() {
changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy');
});
});
}
})(window.jQuery || window.$)

+ 0
- 19
docs/pkgdown.yml Просмотреть файл

@@ -1,19 +0,0 @@
pandoc: 2.2.1
pkgdown: 1.1.0
pkgdown_sha: ~
articles:
css-help: css-help.html
_fonts: rmdchunks/_fonts.html
_installation: rmdchunks/_installation.html
_quick-intro: rmdchunks/_quick-intro.html
_tagline-gif: rmdchunks/_tagline-gif.html
_thanks: rmdchunks/_thanks.html
_themes: rmdchunks/_themes.html
fonts: singles/fonts.html
themes: singles/themes.html
template-variables: template-variables.html
xaringanthemer: xaringanthemer.html
urls:
reference: https://gadenbuie.github.com/xaringanthemer//reference
article: https://gadenbuie.github.com/xaringanthemer//articles


+ 0
- 178
docs/reference/apply_alpha.html Просмотреть файл

@@ -1,178 +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>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>
<!-- 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="Add alpha to hex color — apply_alpha" />

<meta property="og:description" content="Applies alpha (or opacity) to a color in hexadecimal form by
converting opacity in the [0, 1] range to hex in the [0, 255] range
and appending to the hex color." />
<meta 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>Add alpha to hex color</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>apply_alpha.Rd</code></div>
</div>

<div class="ref-description">
<p>Applies alpha (or opacity) to a color in hexadecimal form by
converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]</code> range
and appending to the hex color.</p>
</div>

<pre class="usage"><span class='fu'>apply_alpha</span>(<span class='no'>color_hex</span>, <span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>0.5</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>color_hex</th>
<td><p>A character string representing a hex color</p></td>
</tr>
<tr>
<th>opacity</th>
<td><p>Desired opacity of the output color</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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 190
docs/reference/choose_dark_or_light.html Просмотреть файл

@@ -1,190 +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>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>
<!-- 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="Choose dark or light color — choose_dark_or_light" />

<meta property="og:description" content="Takes a color input as x and returns either the black or white color (or
expression) if dark or light text should be used over the input color for
best contrast. Follows W3C Recommendations." />
<meta 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>Choose dark or light color</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>choose_dark_or_light.Rd</code></div>
</div>

<div class="ref-description">
<p>Takes a color input as <code>x</code> and returns either the black or white color (or
expression) if dark or light text should be used over the input color for
best contrast. Follows W3C Recommendations.</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>
<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>
</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>
</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>
</tr>
</table>
<h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

<p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></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="#references">References</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>


+ 0
- 449
docs/reference/duo.html Просмотреть файл

@@ -1,449 +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>Duotone Theme — duo • 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="Duotone Theme — duo" />

<meta property="og:description" content="A duotone theme designed to work well with two complementary
colors." />
<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>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>
</div>

<div class="ref-description">
<p>A duotone theme designed to work well with two complementary
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>,
<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'>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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #1F4257. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #F97B64. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>secondary_color</code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>text_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code>secondary_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>primary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>secondary_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>secondary_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.3)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 460
docs/reference/duo_accent.html Просмотреть файл

@@ -1,460 +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>Duotone Accent Theme — duo_accent • 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="Duotone Accent Theme — duo_accent" />

<meta property="og:description" content="An default xaringan theme with a two colors used for color
accents on select elements (headers, bold text, etc.)." />
<meta 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>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>
</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>
</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>,
<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='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'>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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>white_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>primary_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.3)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 461
docs/reference/duo_accent_inverse.html Просмотреть файл

@@ -1,461 +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>Duotone Accent Inverse Theme — duo_accent_inverse • 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="Duotone Accent Inverse Theme — 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.)." />
<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>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>
</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>
</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>,
<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='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'>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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>black_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>primary_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.3)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 191
docs/reference/google_font.html Просмотреть файл

@@ -1,191 +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>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>
<!-- 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="Specify Google Font — google_font" />

<meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the
... parameters. Languages can be specified in langauges and must one or
more of the language codes as given by google_language_codes()." />
<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>Specify Google Font</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>google_font.Rd</code></div>
</div>

<div class="ref-description">
<p>Builds Google Fonts URL from family name. Extra weights are given in the
<code>...</code> parameters. Languages can be specified in <code>langauges</code> and must one or
more of the language codes as given by <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p>
</div>

<pre class="usage"><span class='fu'>google_font</span>(<span class='no'>family</span>, <span class='no'>...</span>, <span class='kw'>languages</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>family</th>
<td><p>Font family</p></td>
</tr>
<tr>
<th>...</th>
<td><p>Font weights to include, example "400", "400i"</p></td>
</tr>
<tr>
<th>languages</th>
<td><p>Font languages to include (dependent on the font.) See
<code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p></td>
</tr>
</table>

<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>
</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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 181
docs/reference/google_language_codes.html Просмотреть файл

@@ -1,181 +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>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>
<!-- 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="List Valid Google Language Codes — google_language_codes" />

<meta property="og:description" content="Gives a list of valid Language Codes for Google Fonts, or
validates that the language codes given are valid." />
<meta 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>List Valid Google Language Codes</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>google_language_codes.Rd</code></div>
</div>

<div class="ref-description">
<p>Gives a list of valid Language Codes for Google Fonts, or
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>
<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>language_codes</th>
<td><p>Vector of potential Google language codes</p></td>
</tr>
</table>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p><code><a href='google_font.html'>google_font()</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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 279
docs/reference/index.html Просмотреть файл

@@ -1,279 +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>Function reference • 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="Function reference" />



<!-- 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-index">
<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="contents col-md-9">
<div class="page-header">
<h1>Reference</h1>
</div>

<table class="ref-index">

<colgroup>
<col class="alias" />
<col class="title" />
</colgroup>

<tbody>
<tr>
<th colspan="2">
<h2 id="section-writing-css" class="hasAnchor"><a href="#section-writing-css" class="anchor"></a>Writing CSS</h2>
<p class="section-desc"><p>Functions that write CSS from inside a xaringan R markdown document.</p></p>
</th>
</tr>
<tr>
<td>
<p><code><a href="write_extra_css.html">write_extra_css()</a></code> </p>
</td>
<td><p>Write Extra CSS arguments</p></td>
</tr><tr>
<td>
<p><code><a href="write_xaringan_theme.html">write_xaringan_theme()</a></code> </p>
</td>
<td><p>Write A Customized Xaringan Theme</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>
</th>
</tr>
<tr>
<td>
<p><code><a href="mono_accent.html">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>
</td>
<td><p>Monotone Accent Inverse Theme</p></td>
</tr><tr>
<td>
<p><code><a href="mono_dark.html">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>
</td>
<td><p>Monotone Light Theme</p></td>
</tr><tr>
<td>
<p><code><a href="duo.html">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>
</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>
</td>
<td><p>Duotone Accent Inverse Theme</p></td>
</tr><tr>
<td>
<p><code><a href="solarized_dark.html">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>
</td>
<td><p>Solarized Light Theme</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-helper-functions" class="hasAnchor"><a href="#section-helper-functions" class="anchor"></a>Helper functions</h2>
<p class="section-desc"><p>Helpers for Google fonts and color adjustments.</p></p>
</th>
</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>
<td><p>Generate lighter or darker version of a color</p></td>
</tr><tr>
<td>
<p><code><a href="apply_alpha.html">apply_alpha()</a></code> </p>
</td>
<td><p>Add alpha to hex color</p></td>
</tr><tr>
<td>
<p><code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code> </p>
</td>
<td><p>Choose dark or light color</p></td>
</tr><tr>
<td>
<p><code><a href="google_font.html">google_font()</a></code> </p>
</td>
<td><p>Specify Google Font</p></td>
</tr><tr>
<td>
<p><code><a href="google_language_codes.html">google_language_codes()</a></code> </p>
</td>
<td><p>List Valid Google Language Codes</p></td>
</tr>
</tbody>
</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="#section-writing-css">Writing CSS</a></li>
<li><a href="#section-theme-functions">Theme Functions</a></li>
<li><a href="#section-helper-functions">Helper functions</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>


+ 0
- 177
docs/reference/lighten_darken_color.html Просмотреть файл

@@ -1,177 +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>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>
<!-- 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="Generate lighter or darker version of a color — lighten_darken_color" />

<meta property="og:description" content="Produces a linear blend of the color with white or black." />
<meta 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>Generate lighter or darker version of a color</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>lighten_darken_color.Rd</code></div>
</div>

<div class="ref-description">
<p>Produces a linear blend of the color with white or black.</p>
</div>

<pre class="usage"><span class='fu'>lighten_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.7</span>)

<span class='fu'>darken_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.8</span>)</pre>
<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>color_hex</th>
<td><p>A character string representing a hex color</p></td>
</tr>
<tr>
<th>strength</th>
<td><p>The "strength" of the blend with white or black,
0 low to 1 high.</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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 452
docs/reference/mono_accent.html Просмотреть файл

@@ -1,452 +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>Monotone Accent Theme — mono_accent • 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="Monotone Accent Theme — mono_accent" />

<meta property="og:description" content="The default xaringan theme with a single color used for color
accents on select elements (headers, bold text, etc.)." />
<meta 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>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>
</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>
</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>,
<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'>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_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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used. Defaults to #272822. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>white_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 451
docs/reference/mono_accent_inverse.html Просмотреть файл

@@ -1,451 +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>Monotone Accent Inverse Theme — mono_accent_inverse • 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="Monotone Accent Inverse Theme — 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.)." />
<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>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>
</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>
</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>,
<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_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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used, default is a very light version of <code>base_color</code>. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>black_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 451
docs/reference/mono_dark.html Просмотреть файл

@@ -1,451 +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>Monotone Dark Theme — mono_dark • 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="Monotone Dark Theme — mono_dark" />

<meta property="og:description" content="A dark monotone theme based around a single color." />
<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>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>
</div>

<div class="ref-description">
<p>A dark monotone theme based around a single color.</p>
</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>),
<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'>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_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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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 #cbf7ed. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used, default is a very light version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>black_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 451
docs/reference/mono_light.html Просмотреть файл

@@ -1,451 +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>Monotone Light Theme — mono_light • 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="Monotone Light Theme — mono_light" />

<meta property="og:description" content="A light monotone theme based around a single color." />
<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>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>
</div>

<div class="ref-description">
<p>A light monotone theme based around a single color.</p>
</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>),
<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'>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_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'>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>,
<span class='kw'>blockquote_left_border_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.5</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='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'>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_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>
<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 #23395b. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used, default is a very light version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Modifies multiple CSS classes or elements.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to <code>white_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 444
docs/reference/solarized_dark.html Просмотреть файл

@@ -1,444 +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>Solarized Dark Theme — solarized_dark • 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="Solarized Dark Theme — 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;." />
<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>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>
</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>
</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>,
<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'>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'>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'>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'>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'>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'>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_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>
<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>Text Color. Defaults to #839496. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to #dc322f. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to #002b36. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to #b58900. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to #d33682. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to #586e75. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to #268bd240. Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to #6c71c4. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to #fdf6e3. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #002b36. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to #586e75. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to #93a1a1. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to #cb4b16. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #657b83. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #657b83. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to #073642. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="references"><a class="anchor" href="#references"></a>References</h2>

<p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
<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>
<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="#references">References</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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 444
docs/reference/solarized_light.html Просмотреть файл

@@ -1,444 +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>Solarized Light Theme — solarized_light • 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="Solarized Light Theme — 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;." />
<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>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>
</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>
</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>,
<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'>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'>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'>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'>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'>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'>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_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>
<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>Text Color. Defaults to #657b83. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to #dc322f. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to #fdf6e3. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to #b58900. Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to #d33682. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to #93a1a1. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to #268bd240. Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to #6c71c4. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to #002b36. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to #93a1a1. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to #586e75. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to #cb4b16. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #839496. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #839496. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to #eee8d5. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="references"><a class="anchor" href="#references"></a>References</h2>

<p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
<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>
<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="#references">References</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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 185
docs/reference/write_extra_css.html Просмотреть файл

@@ -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>


+ 0
- 431
docs/reference/write_xaringan_theme.html Просмотреть файл

@@ -1,431 +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 A Customized Xaringan Theme — write_xaringan_theme • 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 A Customized Xaringan Theme — write_xaringan_theme" />

<meta property="og:description" content="Creates a customized Xaringan theme CSS file." />
<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 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>
</div>

<div class="ref-description">
<p>Creates a customized Xaringan theme CSS file.</p>
</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>,
<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'>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'>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'>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_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>
<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>Text Color. Defaults to #000. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to #000. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Slide Background Color. Defaults to #FFF. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the <code>a, a &gt; code</code> elements.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to NA. Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_slide_number_color</th>
<td><p>Slide Number Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>code_highlight_color</th>
<td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to #000. Modifies the <code>.remark-inline-code</code> class.</p></td>
</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>
</tr>
<tr>
<th>code_inline_font_size</th>
<td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
<th>inverse_background_color</th>
<td><p>Inverse Background Color. Defaults to #272822. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_text_shadow</th>
<td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
</tr>
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to #f3f3f3. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</tr>
<tr>
<th>title_slide_background_color</th>
<td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
</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>
</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>
</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>
</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>
</tr>
<tr>
<th>footnote_font_size</th>
<td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>footnote_position_bottom</th>
<td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
</tr>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to #777. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
<th>left_column_selected_color</th>
<td><p>Left Column Current Selection. Defaults to #000. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td>
</tr>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults to lightgray. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
<td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_border_color</th>
<td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
</tr>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. Defaults to #eee. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
<th>header_h1_font_size</th>
<td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
</tr>
<tr>
<th>header_h2_font_size</th>
<td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
</tr>
<tr>
<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>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>
</tr>
<tr>
<th>text_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_family</th>
<td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>text_font_base</th>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>header_font_family</th>
<td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_google</th>
<td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
</tr>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>code_font_size</th>
<td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<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>
</tr>
<tr>
<th>extra_fonts</th>
<td><p>A list of additional fonts to import, each list element
can be either a URL as a character string or a call to
<code><a href='google_font.html'>google_font</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="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>
<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="#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="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
</div>

</footer>
</div>


</body>
</html>


+ 0
- 177
docs/reference/xaringanthemer-package.html Просмотреть файл

@@ -1,177 +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>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>
<!-- 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="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 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>xaringanthemer: Xaringan CSS Theme Generator</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-package.R'><code>R/xaringanthemer-package.R</code></a></small>
<div class="hidden name"><code>xaringanthemer-package.Rd</code></div>
</div>

<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>
</div>

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

<div class='dont-index'><p>Useful links:</p><ul>
<li><p><a href='https://github.com/gadenbuie/xaringanthemer'>https://github.com/gadenbuie/xaringanthemer</a></p></li>
<li><p>Report bugs at <a href='https://github.com/gadenbuie/xaringanthemer/issues'>https://github.com/gadenbuie/xaringanthemer/issues</a></p></li>
</ul></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="#see-also">See also</a></li>
</ul>

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


</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
- 72
docs/sitemap.xml Просмотреть файл

@@ -1,72 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//index.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/apply_alpha.html</loc>
</url>
<url>
<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>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/duo_accent.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/duo_accent_inverse.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/google_font.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/google_language_codes.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/lighten_darken_color.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_accent.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_accent_inverse.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_dark.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_light.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/solarized_dark.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/solarized_light.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/write_extra_css.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/write_xaringan_theme.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//reference/xaringanthemer-package.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//articles/css-help.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//articles/singles/fonts.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//articles/singles/themes.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//articles/template-variables.html</loc>
</url>
<url>
<loc>https://gadenbuie.github.com/xaringanthemer//articles/xaringanthemer.html</loc>
</url>
</urlset>

+ 4
- 3
index.Rmd Просмотреть файл

@@ -15,15 +15,16 @@ knitr::opts_chunk$set(
)
library(xaringanthemer)
```

# xaringanthemer


```{r child="vignettes/rmdchunks/_tagline-gif.Rmd"}
```{r child="man/fragments/_tagline-gif.Rmd"}
```

## Installation

```{r child="vignettes/rmdchunks/_installation.Rmd"}
```{r child="man/fragments/_installation.Rmd"}
```

## Usage
@@ -32,5 +33,5 @@ library(xaringanthemer)
[theme-settings]: articles/xaringanthemer.html#theme-settings
[template-variables]: articles/template-variables.html

```{r child="vignettes/rmdchunks/_quick-intro.Rmd"}
```{r child="man/fragments/_quick-intro.Rmd"}
```

+ 131
- 46
inst/resources/template.css Просмотреть файл

@@ -11,91 +11,140 @@
*
* Need help? Try:
* - vignette(package = "xaringanthemer")
* - ?xaringanthemer::write_xaringan_theme
* - ?xaringanthemer::style_xaringan
* - xaringan wiki: https://github.com/yihui/xaringan/wiki
* - remarkjs wiki: https://github.com/gnab/remark/wiki
*
{{#xaringanthemer_version}} * Version: {{xaringanthemer_version}}{{/xaringanthemer_version}}
*
* ------------------------------------------------------- */
@import url({{text_font_url}});
@import url({{header_font_url}});
@import url({{code_font_url}});
{{extra_font_imports}}
@import url({{{text_font_url}}});
@import url({{{header_font_url}}});
@import url({{{code_font_url}}});
{{#extra_font_imports}}{{{extra_font_imports}}}{{/extra_font_imports}}

:root {
/* Fonts */
--text-font-family: {{text_font_family}};
--text-font-is-google: {{text_font_is_google}};
--text-font-family-fallback: {{text_font_family_fallback}};
--text-font-base: {{text_font_base}};
--header-font-family: {{header_font_family}};
--header-font-is-google: {{header_font_is_google}};
--code-font-family: {{code_font_family}};
--code-font-is-google: {{code_font_is_google}};
--base-font-size: {{base_font_size}};
--text-font-size: {{text_font_size}};
--code-font-size: {{code_font_size}};
--code-inline-font-size: {{code_inline_font_size}};
--header-h1-font-size: {{header_h1_font_size}};
--header-h2-font-size: {{header_h2_font_size}};
--header-h3-font-size: {{header_h3_font_size}};

/* Colors */{{#primary}}
--primary: {{primary}};{{/primary}}{{#secondary}}
--secondary: {{secondary}};{{/secondary}}
--text-color: {{text_color}};
--header-color: {{header_color}};
--background-color: {{background_color}};
--link-color: {{link_color}};{{#text_bold_color}}
--text-bold-color: {{text_bold_color}};{{/text_bold_color}}
--code-highlight-color: {{code_highlight_color}};
--inverse-text-color: {{inverse_text_color}};
--inverse-background-color: {{inverse_background_color}};
--inverse-header-color: {{inverse_header_color}};
--title-slide-background-color: {{title_slide_background_color}};
--title-slide-text-color: {{title_slide_text_color}};
--header-background-color: {{header_background_color}};
--header-background-text-color: {{header_background_text_color}};{{#colors}}
--{{color_name}}: {{value}};
{{/colors}}

}

html {
font-size: var(--base-font-size);
}

body {
font-family: {{paste(text_font_family, text_font_family_fallback, text_font_base, sep = ", ")}};
font-family: var(--text-font-family), var(--text-font-family-fallback), var(--text-font-base);
font-weight: {{text_font_weight}};
color: {{text_color}};
color: var(--text-color);
}
h1, h2, h3 {
font-family: {{header_font_family}};
font-family: var(--header-font-family);
font-weight: {{header_font_weight}};
color: {{header_color}};
color: var(--header-color);
}
.remark-slide-content {
background-color: {{background_color}};
font-size: {{text_font_size}};
{{ifelse(!is.na(background_image), paste0("background-image: url(", background_image, ");"), "")}}
{{ifelse(!is.na(background_image) && !is.na(background_size), paste0("background-size: ", background_size, ";"), "")}}
{{ifelse(!is.na(background_image) && !is.na(background_position), paste0("background-position: ", background_position, ";"), "")}}
background-color: var(--background-color);
font-size: {{text_font_size}};{{#background_image}}
background-image: url({{{background_image}}});{{#background_size}}
background-size: {{background_size}};{{/background_size}}{{#background_position}}
background-position: {{background_position}};{{/background_position}}{{/background_image}}
padding: {{padding}};
width: 100%;
height: 100%;
}
.remark-slide-content h1 {
font-size: {{header_h1_font_size}};
font-size: var(--header-h1-font-size);
}
.remark-slide-content h2 {
font-size: {{header_h2_font_size}};
font-size: var(--header-h2-font-size);
}
.remark-slide-content h3 {
font-size: {{header_h3_font_size}};
font-size: var(--header-h3-font-size);
}
.remark-code, .remark-inline-code {
font-family: {{code_font_family}}, {{code_font_family_fallback}}, monospace;
font-family: var(--code-font-family), {{code_font_family_fallback}}, monospace;
}
.remark-code {
font-size: {{code_font_size}};
font-size: var(--code-font-size);
}
.remark-inline-code {
font-size: {{code_inline_font_size}};
{{ifelse(!is.na(code_inline_color), paste0("color: ", code_inline_color, ";"), "")}}
{{ifelse(!is.na(code_inline_background_color), paste0("background-color: ", code_inline_background_color, ";"), "")}}
{{ifelse(!is.na(code_inline_background_color), "padding: 2px;", "")}}
font-size: var(--code-inline-font-size);{{#code_inline_color}}
color: {{code_inline_color}};{{/code_inline_color}}{{#code_inline_background_color}}
background-color: {{code_inline_background_color}};
padding: 2px;{{/code_inline_background_color}}
}
.remark-slide-number {
color: {{text_slide_number_color}};
opacity: 1;
font-size: {{text_slide_number_font_size}};
}
{{ifelse(!is.na(text_bold_color), paste0("strong{color:", text_bold_color,";}"), "")}}
{{#text_bold_color}}
strong { color: var(--text-bold-color); }
{{/text_bold_color}}
a, a > code {
color: {{link_color}};
color: var(--link-color);
text-decoration: none;
}
.footnote {
{{ifelse(!is.na(footnote_color), paste0("color: ", footnote_color, ";"), "")}}
position: absolute;
position: absolute;{{#footnote_color}}
color: {{footnote_color}};{{/footnote_color}}
bottom: {{footnote_position_bottom}};
padding-right: 4em;
font-size: {{footnote_font_size}};
}
.remark-code-line-highlighted {
background-color: {{code_highlight_color}};
background-color: var(--code-highlight-color);
}
.inverse {
background-color: {{inverse_background_color}};
color: {{inverse_text_color}};
{{ifelse(inverse_text_shadow, "text-shadow: 0 0 20px #333;", "")}}
background-color: var(--inverse-background-color);
color: var(--inverse-text-color);
{{#inverse_text_shadow}}text-shadow: 0 0 20px #333;{{/inverse_text_shadow}}
}
.inverse h1, .inverse h2, .inverse h3 {
color: {{inverse_header_color}};
color: var(--inverse-header-color);
}
.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
color: {{title_slide_text_color}};
color: var(--title-slide-text-color);
}
.title-slide {
background-color: {{title_slide_background_color}};
{{ifelse(!is.na(title_slide_background_image), paste0("background-image: url(", title_slide_background_image, ");"), "")}}
{{ifelse(!is.na(title_slide_background_size), paste0("background-size: ", title_slide_background_size, ";"), ifelse(!is.na(title_slide_background_image), "background-size: cover;", ""))}}
{{ifelse(!is.na(title_slide_background_position), paste0("background-position: ", title_slide_background_position, ";"), "")}}
background-color: var(--title-slide-background-color);{{#title_slide_background_image}}
background-image: url("{{{title_slide_background_image}}}");{{/title_slide_background_image}}{{#title_slide_background_size}}
background-size: {{title_slide_background_size}};{{/title_slide_background_size}}{{#title_slide_background_position}}
background-position: {{title_slide_background_position}};{{/title_slide_background_position}}
}
.title-slide .remark-slide-number {
display: none;
@@ -140,29 +189,56 @@ blockquote {
border-top: 1px solid {{table_border_color}};
border-bottom: 1px solid {{table_border_color}};
}
.remark-slide table thead th { border-bottom: 1px solid {{table_row_border_color}}; }
th, td { padding: 5px; }
.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) { background: {{table_row_even_background_color}} }
.remark-slide table thead th {
border-bottom: 1px solid {{table_row_border_color}};
}
th, td {
padding: 5px;
}
.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
background: {{table_row_even_background_color}};
}
table.dataTable tbody {
background-color: {{background_color}};
color: {{text_color}};
background-color: var(--background-color);
color: var(--text-color);
}
table.dataTable.display tbody tr.odd {
background-color: {{background_color}};
background-color: var(--background-color);
}
table.dataTable.display tbody tr.even {
background-color: {{ifelse(!is.na(table_row_even_background_color), table_row_even_background_color, background_color)}};
background-color: {{table_row_even_background_color}};
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
color: {{text_color}};
color: var(--text-color);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
color: {{text_color}} !important;
color: var(--text-color) !important;
}

{{#header_background}}
/* Slide Header Background for h1 elements */
.remark-slide-content.header_background > h1{{#auto}},
.remark-slide-content{{#ignore}}:not({{class}}){{/ignore}} > h1{{/auto}} {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: var(--header-background-color);
color: var(--header-background-text-color);
padding: {{padding}};
margin-top: 0;
box-sizing: border-box;
}
.remark-slide-content.header_background{{#auto}},
.remark-slide-content{{#ignore}}:not({{class}}){{/ignore}}{{/auto}} {
padding-top: {{content_padding_top}};
}

{{/header_background}}
@page { margin: 0; }
@media print {
.remark-slide-scaler {
@@ -173,3 +249,12 @@ table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
left: 0 !important;
}
}

{{#colors}}
.{{color_name}} {
color: var(--{{color_name}});
}
.bg-{{color_name}} {
background-color: var(--{{color_name}});
}
{{/colors}}

+ 4
- 3
inst/rmarkdown/templates/xaringanthemer/skeleton/skeleton.Rmd Просмотреть файл

@@ -19,9 +19,10 @@ options(htmltools.dir.version = FALSE)

```{r xaringan-themer, include=FALSE}
library(xaringanthemer)
solarized_dark(
code_font_family = "Fira Code",
code_font_url = "https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"
style_duo_accent(
primary_color = "#1381B0",
secondary_color = "#FF961C",
inverse_header_color = "#FFFFFF"
)
```


Некоторые файлы не были показаны из-за большого количества измененных файлов

Загрузка…
Отмена
Сохранить