😎 Give your xaringan slides some style
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

311 lines
13KB

  1. % Generated by roxygen2: do not edit by hand
  2. % Please edit documentation in R/style_xaringan.R
  3. \name{style_xaringan}
  4. \alias{style_xaringan}
  5. \title{Write A Customized Xaringan Theme}
  6. \usage{
  7. style_xaringan(
  8. text_color = "#000",
  9. header_color = "#000",
  10. background_color = "#FFF",
  11. link_color = "rgb(249, 38, 114)",
  12. text_bold_color = NULL,
  13. text_slide_number_color = inverse_background_color,
  14. padding = "16px 64px 16px 64px",
  15. background_image = NULL,
  16. background_size = NULL,
  17. background_position = NULL,
  18. code_highlight_color = "rgba(255,255,0,0.5)",
  19. code_inline_color = "#000",
  20. code_inline_background_color = NULL,
  21. code_inline_font_size = "1em",
  22. inverse_background_color = "#272822",
  23. inverse_text_color = "#d6d6d6",
  24. inverse_text_shadow = FALSE,
  25. inverse_header_color = "#f3f3f3",
  26. title_slide_text_color = inverse_text_color,
  27. title_slide_background_color = inverse_background_color,
  28. title_slide_background_image = NULL,
  29. title_slide_background_size = NULL,
  30. title_slide_background_position = NULL,
  31. footnote_color = NULL,
  32. footnote_font_size = "0.9em",
  33. footnote_position_bottom = "60px",
  34. left_column_subtle_color = "#777",
  35. left_column_selected_color = "#000",
  36. blockquote_left_border_color = "lightgray",
  37. table_border_color = "#666",
  38. table_row_border_color = "#ddd",
  39. table_row_even_background_color = "#eee",
  40. base_font_size = "20px",
  41. text_font_size = "1rem",
  42. header_h1_font_size = "2.75rem",
  43. header_h2_font_size = "2.25rem",
  44. header_h3_font_size = "1.75rem",
  45. header_background_auto = FALSE,
  46. header_background_color = header_color,
  47. header_background_text_color = background_color,
  48. header_background_padding = NULL,
  49. header_background_content_padding_top = "7rem",
  50. header_background_ignore_classes = c("normal", "inverse", "title", "middle", "bottom"),
  51. text_slide_number_font_size = "0.9em",
  52. text_font_google = NULL,
  53. text_font_family = "Noto Sans",
  54. text_font_weight = "normal",
  55. text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
  56. text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
  57. text_font_base = "sans-serif",
  58. header_font_google = NULL,
  59. header_font_family = "Cabin",
  60. header_font_weight = "600",
  61. header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
  62. code_font_google = NULL,
  63. code_font_family = "Source Code Pro",
  64. code_font_size = "0.9rem",
  65. code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
  66. code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
  67. colors = NULL,
  68. extra_css = NULL,
  69. extra_fonts = NULL,
  70. outfile = "xaringan-themer.css"
  71. )
  72. }
  73. \arguments{
  74. \item{text_color}{Text Color. Defaults to #000. Modifies the \code{body} element.}
  75. \item{header_color}{Header Color. Defaults to #000. Modifies the
  76. \verb{h1, h2, h3} elements.}
  77. \item{background_color}{Slide Background Color. Defaults to #FFF. Modifies
  78. the \code{.remark-slide-content} class.}
  79. \item{link_color}{Link Color. Defaults to rgb(249, 38, 114). Modifies the
  80. \verb{a, a > code} elements.}
  81. \item{text_bold_color}{Bold Text Color. Defaults to \code{NULL}. Modifies the
  82. \code{strong} element.}
  83. \item{text_slide_number_color}{Slide Number Color. Defaults to
  84. \code{inverse_background_color}. Modifies the \code{.remark-slide-number} class.}
  85. \item{padding}{Slide Padding in \verb{top right [bottom left]} format. Defaults
  86. to 16px 64px 16px 64px. Modifies the \code{.remark-slide-content} class.}
  87. \item{background_image}{Background image applied to each \emph{and every} slide.
  88. Set \code{title_slide_background_image = "none"} to remove the background image
  89. from the title slide. Defaults to \code{NULL}. Modifies the
  90. \code{.remark-slide-content} class.}
  91. \item{background_size}{Background image size, requires \code{background_image} to
  92. be set. If \code{background_image} is set, \code{background_size} will default to
  93. \code{cover} so the backround fills the screen. If both \code{background_image} and
  94. \code{background_position} are set, will default to 100 percent. Defaults to
  95. \code{NULL}. Modifies the \code{.remark-slide-content} class.}
  96. \item{background_position}{Background image position, requires
  97. \code{background_image} to be set, and it is recommended to adjust
  98. \code{background_size}. Defaults to \code{NULL}. Modifies the
  99. \code{.remark-slide-content} class.}
  100. \item{code_highlight_color}{Code Line Highlight. Defaults to
  101. rgba(255,255,0,0.5). Modifies the \code{.remark-code-line-highlighted} class.}
  102. \item{code_inline_color}{Inline Code Color. Defaults to #000. Modifies the
  103. \code{.remark-inline-code} class.}
  104. \item{code_inline_background_color}{Inline Code Background Color. Defaults
  105. to \code{NULL}. Modifies the \code{.remark-inline-code} class.}
  106. \item{code_inline_font_size}{Inline Code Text Font Size. Defaults to 1em.
  107. Modifies the \code{.remark-inline-code} class.}
  108. \item{inverse_background_color}{Inverse Background Color. Defaults to
  109. #272822. Modifies the \code{.inverse} class.}
  110. \item{inverse_text_color}{Inverse Text Color. Defaults to #d6d6d6. Modifies
  111. the \code{.inverse} class.}
  112. \item{inverse_text_shadow}{Enables Shadow on text of inverse slides.
  113. Defaults to \code{FALSE}. Modifies the \code{.inverse} class.}
  114. \item{inverse_header_color}{Inverse Header Color. Defaults to #f3f3f3.
  115. Modifies the \verb{.inverse h1, .inverse h2, .inverse h3} classes.}
  116. \item{title_slide_text_color}{Title Slide Text Color. Defaults to
  117. \code{inverse_text_color}. Modifies the \code{.title-slide} class.}
  118. \item{title_slide_background_color}{Title Slide Background Color. Defaults
  119. to \code{inverse_background_color}. Modifies the \code{.title-slide} class.}
  120. \item{title_slide_background_image}{Title Slide Background Image URL.
  121. Defaults to \code{NULL}. Modifies the \code{.title-slide} class.}
  122. \item{title_slide_background_size}{Title Slide Background Image Size,
  123. defaults to "cover" if background image is set. Defaults to \code{NULL}.
  124. Modifies the \code{.title-slide} class.}
  125. \item{title_slide_background_position}{Title Slide Background Image
  126. Position. Defaults to \code{NULL}. Modifies the \code{.title-slide} class.}
  127. \item{footnote_color}{Footnote text color (if \code{NA}, then it will be the same
  128. color as \code{text_color}). Defaults to \code{NULL}. Modifies the \code{.footnote}
  129. class.}
  130. \item{footnote_font_size}{Footnote font size. Defaults to 0.9em. Modifies
  131. the \code{.footnote} class.}
  132. \item{footnote_position_bottom}{Footnote location from bottom of screen.
  133. Defaults to 60px. Modifies the \code{.footnote} class.}
  134. \item{left_column_subtle_color}{Left Column Text (not last). Defaults to
  135. #777. Modifies the \verb{.left-column h2, .left-column h3} classes.}
  136. \item{left_column_selected_color}{Left Column Current Selection. Defaults to
  137. #000. Modifies the
  138. \verb{.left-column h2:last-of-type, .left-column h3:last-child} classes.}
  139. \item{blockquote_left_border_color}{Blockquote Left Border Color. Defaults
  140. to lightgray. Modifies the \code{blockquote} element.}
  141. \item{table_border_color}{Table top/bottom border. Defaults to #666.
  142. Modifies the \verb{table: border-top, border-bottom} elements.}
  143. \item{table_row_border_color}{Table row inner bottom border. Defaults to
  144. #ddd. Modifies the \verb{table thead th: border-bottom} elements.}
  145. \item{table_row_even_background_color}{Table Even Row Background Color.
  146. Defaults to #eee. Modifies the \verb{thead, tfoot, tr:nth-child(even)}
  147. elements.}
  148. \item{base_font_size}{Base Font Size for All Slide Elements (must be \code{px}).
  149. Defaults to 20px. Modifies the \code{html} element.}
  150. \item{text_font_size}{Slide Body Text Font Size. Defaults to 1rem. Modifies
  151. the \code{.remark-slide-content} class.}
  152. \item{header_h1_font_size}{h1 Header Text Font Size. Defaults to 2.75rem.
  153. Modifies the \verb{.remark-slide-content h1} class.}
  154. \item{header_h2_font_size}{h2 Header Text Font Size. Defaults to 2.25rem.
  155. Modifies the \verb{.remark-slide-content h2} class.}
  156. \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 1.75rem.
  157. Modifies the \verb{.remark-slide-content h3} class.}
  158. \item{header_background_auto}{Add background under slide title automatically
  159. for h1 header elements. If not enabled, use \code{class: header_background} to
  160. enable. Defaults to \code{FALSE}.}
  161. \item{header_background_color}{Background Color for h1 Header with
  162. Background. Defaults to \code{header_color}. Modifies the
  163. \verb{.remark-slide-content h1} class.}
  164. \item{header_background_text_color}{Text Color for h1 Header with
  165. Background. Defaults to \code{background_color}. Modifies the
  166. \verb{.remark-slide-content h1} class.}
  167. \item{header_background_padding}{Padding for h1 Header with Background.
  168. Defaults to \code{NULL}. Modifies the \verb{.remark-slide-content h1} class.}
  169. \item{header_background_content_padding_top}{Top Padding for Content in
  170. Slide with Header with Background. Defaults to 7rem. Modifies the
  171. \code{.remark-slide-content} class.}
  172. \item{header_background_ignore_classes}{Slide Classes Where Header with
  173. Background will not be Applied. Defaults to
  174. \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the
  175. \code{.remark-slide-content} class.}
  176. \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
  177. 0.9em. Modifies the \code{.remark-slide-number} class.}
  178. \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults
  179. to \code{NULL}. Modifies the \code{body} element.}
  180. \item{text_font_family}{Body Text Font Family (xaringan default is
  181. \code{'Droid Serif'}). Defaults to Noto Sans. Modifies the \code{body} element.}
  182. \item{text_font_weight}{Body Text Font Weight. Defaults to normal. Modifies
  183. the \code{body} element.}
  184. \item{text_font_url}{Body Text Font URL(s). Defaults to
  185. https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
  186. Modifies the \verb{@import url()} elements.}
  187. \item{text_font_family_fallback}{Body Text Font Fallbacks. Defaults to
  188. -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
  189. helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the \code{body}
  190. element.}
  191. \item{text_font_base}{Body Text Base Font (Total Failure Fallback). Defaults
  192. to sans-serif. Modifies the \code{body} element.}
  193. \item{header_font_google}{Use \code{google_font()} to specify header font.
  194. Defaults to \code{NULL}. Modifies the \code{body} element.}
  195. \item{header_font_family}{Header Font Family (xaringan default is
  196. \code{'Yanone Kaffeesatz'}). Defaults to Cabin. Modifies the \verb{h1, h2, h3}
  197. elements.}
  198. \item{header_font_weight}{Header Font Weight. Defaults to 600. Modifies the
  199. \verb{h1, h2, h3} elements.}
  200. \item{header_font_url}{Header Font URL. Defaults to
  201. https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
  202. Modifies the \verb{@import url} elements.}
  203. \item{code_font_google}{Use \code{google_font()} to specify code font. Defaults
  204. to \code{NULL}. Modifies the \code{body} element.}
  205. \item{code_font_family}{Code Font Family. Defaults to Source Code Pro.
  206. Modifies the \verb{.remark-code, .remark-inline-code} classes.}
  207. \item{code_font_size}{Code Text Font Size. Defaults to 0.9rem. Modifies the
  208. \code{.remark-inline} class.}
  209. \item{code_font_url}{Code Font URL. Defaults to
  210. https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
  211. Modifies the \verb{@import url} elements.}
  212. \item{code_font_family_fallback}{Code Font Fallback. Defaults to Menlo,
  213. Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
  214. \verb{.remark-code, .remark-inline-code} classes.}
  215. \item{colors}{A named vector of custom colors. The names of the colors
  216. become CSS variables and classes that can be used within your slides.
  217. For example, \code{colors = c(blue = "#bad4ed")} adds a CSS variable
  218. \code{--blue}, a \code{.blue} CSS class that applies the color to the text or
  219. foreground color, and a \code{.bg-blue} CSS class that applies the color
  220. to the background.}
  221. \item{extra_css}{A named list of CSS definitions each containing a named list
  222. of CSS property-value pairs, i.e.
  223. \code{list(".class-id" = list("css-property" = "value"))}}
  224. \item{extra_fonts}{A list of additional fonts to import, each list element
  225. can be either a URL as a character string or a call to
  226. \code{\link{google_font}()}}
  227. \item{outfile}{Customized xaringan CSS output file name, default is "xaringan-themer.css"}
  228. }
  229. \description{
  230. Creates a customized Xaringan theme CSS file.
  231. }
  232. \seealso{
  233. Other themes:
  234. \code{\link{style_duo_accent_inverse}()},
  235. \code{\link{style_duo_accent}()},
  236. \code{\link{style_duo}()},
  237. \code{\link{style_mono_accent_inverse}()},
  238. \code{\link{style_mono_accent}()},
  239. \code{\link{style_mono_dark}()},
  240. \code{\link{style_mono_light}()},
  241. \code{\link{style_solarized_dark}()},
  242. \code{\link{style_solarized_light}()}
  243. }
  244. \concept{themes}