😎 Give your xaringan slides some style
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

426 lines
19KB

  1. % Generated by roxygen2: do not edit by hand
  2. % Please edit documentation in R/style_mono_accent_inverse.R
  3. \name{style_mono_accent_inverse}
  4. \alias{style_mono_accent_inverse}
  5. \title{Monotone Accent Inverse Theme}
  6. \usage{
  7. style_mono_accent_inverse(
  8. base_color = "#3C989E",
  9. white_color = "#FFFFFF",
  10. black_color = darken_color(base_color, 0.9),
  11. text_color = white_color,
  12. header_color = base_color,
  13. background_color = black_color,
  14. link_color = base_color,
  15. text_bold_color = base_color,
  16. text_slide_number_color = base_color,
  17. padding = "16px 64px 16px 64px",
  18. background_image = NULL,
  19. background_size = NULL,
  20. background_position = NULL,
  21. code_highlight_color = "rgba(255,255,0,0.5)",
  22. code_inline_color = base_color,
  23. code_inline_background_color = NULL,
  24. code_inline_font_size = "1em",
  25. inverse_background_color = base_color,
  26. inverse_text_color = black_color,
  27. inverse_text_shadow = FALSE,
  28. inverse_header_color = black_color,
  29. title_slide_text_color = inverse_text_color,
  30. title_slide_background_color = inverse_background_color,
  31. title_slide_background_image = NULL,
  32. title_slide_background_size = NULL,
  33. title_slide_background_position = NULL,
  34. footnote_color = NULL,
  35. footnote_font_size = "0.9em",
  36. footnote_position_bottom = "60px",
  37. left_column_subtle_color = apply_alpha(base_color, 0.6),
  38. left_column_selected_color = base_color,
  39. blockquote_left_border_color = apply_alpha(base_color, 0.5),
  40. table_border_color = "#666",
  41. table_row_border_color = "#ddd",
  42. table_row_even_background_color = darken_color(base_color, 0.8),
  43. base_font_size = "20px",
  44. text_font_size = "1rem",
  45. header_h1_font_size = "2.75rem",
  46. header_h2_font_size = "2.25rem",
  47. header_h3_font_size = "1.75rem",
  48. header_background_auto = FALSE,
  49. header_background_color = header_color,
  50. header_background_text_color = background_color,
  51. header_background_padding = NULL,
  52. header_background_content_padding_top = "7rem",
  53. header_background_ignore_classes = c("normal", "inverse", "title", "middle", "bottom"),
  54. text_slide_number_font_size = "0.9em",
  55. text_font_google = NULL,
  56. text_font_family = "Noto Sans",
  57. text_font_weight = "normal",
  58. text_font_url = "https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap",
  59. text_font_family_fallback = "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial",
  60. text_font_base = "sans-serif",
  61. header_font_google = NULL,
  62. header_font_family = "Cabin",
  63. header_font_weight = "600",
  64. header_font_url = "https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap",
  65. code_font_google = NULL,
  66. code_font_family = "Source Code Pro",
  67. code_font_size = "0.9rem",
  68. code_font_url = "https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap",
  69. code_font_family_fallback = "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console",
  70. colors = NULL,
  71. extra_css = NULL,
  72. extra_fonts = NULL,
  73. outfile = "xaringan-themer.css"
  74. )
  75. }
  76. \arguments{
  77. \item{base_color}{Monotone Base Color, works best with a light color.
  78. Defaults to #3C989E. Used in multiple CSS rules.}
  79. \item{white_color}{Brightest color used, default is a very light version of
  80. \code{base_color}. Defaults to #FFFFFF. Used in multiple CSS rules.}
  81. \item{black_color}{Darkest color used, default is a very dark, version of
  82. \code{base_color}. Defaults to \code{darken_color(base_color, 0.9)}. Used in
  83. multiple CSS rules.}
  84. \item{text_color}{Text Color. Defaults to \code{white_color}. Modifies the \code{body}
  85. element. The value of this variable is also stored as a CSS variable that
  86. can be referenced with \code{var(--text_color)} in any argument of a style
  87. function or in custom CSS.}
  88. \item{header_color}{Header Color. Defaults to \code{base_color}. Modifies the
  89. \verb{h1, h2, h3} elements. The value of this variable is also stored as a CSS
  90. variable that can be referenced with \code{var(--header-color)} in any argument
  91. of a style function or in custom CSS.}
  92. \item{background_color}{Slide Background Color. Defaults to \code{black_color}.
  93. Modifies the \code{.remark-slide-content} class. The value of this variable is
  94. also stored as a CSS variable that can be referenced with
  95. \code{var(--background-color)} in any argument of a style function or in custom
  96. CSS.}
  97. \item{link_color}{Link Color. Defaults to \code{base_color}. Modifies the
  98. \verb{a, a > code} elements. The value of this variable is also stored as a CSS
  99. variable that can be referenced with \code{var(--link-color)} in any argument
  100. of a style function or in custom CSS.}
  101. \item{text_bold_color}{Bold Text Color. Defaults to \code{base_color}. Modifies
  102. the \code{strong} element. The value of this variable is also stored as a CSS
  103. variable that can be referenced with \code{var(--text-bold-color)} in any
  104. argument of a style function or in custom CSS.}
  105. \item{text_slide_number_color}{Slide Number Color. Defaults to \code{base_color}.
  106. Modifies the \code{.remark-slide-number} class.}
  107. \item{padding}{Slide Padding in \verb{top right [bottom left]} format. Defaults
  108. to 16px 64px 16px 64px. Modifies the \code{.remark-slide-content} class.}
  109. \item{background_image}{Background image applied to each \emph{and every} slide.
  110. Set \code{title_slide_background_image = "none"} to remove the background image
  111. from the title slide. Defaults to \code{NULL}. Modifies the
  112. \code{.remark-slide-content} class.}
  113. \item{background_size}{Background image size, requires \code{background_image} to
  114. be set. If \code{background_image} is set, \code{background_size} will default to
  115. \code{cover} so the backround fills the screen. If both \code{background_image} and
  116. \code{background_position} are set, will default to 100 percent. Defaults to
  117. \code{NULL}. Modifies the \code{.remark-slide-content} class.}
  118. \item{background_position}{Background image position, requires
  119. \code{background_image} to be set, and it is recommended to adjust
  120. \code{background_size}. Defaults to \code{NULL}. Modifies the
  121. \code{.remark-slide-content} class.}
  122. \item{code_highlight_color}{Code Line Highlight. Defaults to
  123. rgba(255,255,0,0.5). Modifies the \code{.remark-code-line-highlighted} class.
  124. The value of this variable is also stored as a CSS variable that can be
  125. referenced with \code{var(--code-highlight-color)} in any argument of a style
  126. function or in custom CSS.}
  127. \item{code_inline_color}{Inline Code Color. Defaults to \code{base_color}.
  128. Modifies the \code{.remark-inline-code} class.}
  129. \item{code_inline_background_color}{Inline Code Background Color. Defaults
  130. to \code{NULL}. Modifies the \code{.remark-inline-code} class.}
  131. \item{code_inline_font_size}{Inline Code Text Font Size. Defaults to 1em.
  132. Modifies the \code{.remark-inline-code} class. The value of this variable is
  133. also stored as a CSS variable that can be referenced with
  134. \code{var(--code-inline-font-size)} in any argument of a style function or in
  135. custom CSS.}
  136. \item{inverse_background_color}{Inverse Background Color. Defaults to
  137. \code{base_color}. Modifies the \code{.inverse} class. The value of this variable is
  138. also stored as a CSS variable that can be referenced with
  139. \code{var(--inverse-background-color)} in any argument of a style function or
  140. in custom CSS.}
  141. \item{inverse_text_color}{Inverse Text Color. Defaults to \code{black_color}.
  142. Modifies the \code{.inverse} class. The value of this variable is also stored
  143. as a CSS variable that can be referenced with \code{var(--inverse-text-color)}
  144. in any argument of a style function or in custom CSS.}
  145. \item{inverse_text_shadow}{Enables Shadow on text of inverse slides.
  146. Defaults to \code{FALSE}. Modifies the \code{.inverse} class.}
  147. \item{inverse_header_color}{Inverse Header Color. Defaults to \code{black_color}.
  148. Modifies the \verb{.inverse h1, .inverse h2, .inverse h3} classes. The value of
  149. this variable is also stored as a CSS variable that can be referenced with
  150. \code{var(--inverse-header-color)} in any argument of a style function or in
  151. custom CSS.}
  152. \item{title_slide_text_color}{Title Slide Text Color. Defaults to
  153. \code{inverse_text_color}. Modifies the \code{.title-slide} class. The value of this
  154. variable is also stored as a CSS variable that can be referenced with
  155. \code{var(--title-slide-text-color)} in any argument of a style function or in
  156. custom CSS.}
  157. \item{title_slide_background_color}{Title Slide Background Color. Defaults
  158. to \code{inverse_background_color}. Modifies the \code{.title-slide} class. The
  159. value of this variable is also stored as a CSS variable that can be
  160. referenced with \code{var(--title-slide-background-color)} in any argument of a
  161. style function or in custom CSS.}
  162. \item{title_slide_background_image}{Title Slide Background Image URL.
  163. Defaults to \code{NULL}. Modifies the \code{.title-slide} class.}
  164. \item{title_slide_background_size}{Title Slide Background Image Size,
  165. defaults to "cover" if background image is set. Defaults to \code{NULL}.
  166. Modifies the \code{.title-slide} class.}
  167. \item{title_slide_background_position}{Title Slide Background Image
  168. Position. Defaults to \code{NULL}. Modifies the \code{.title-slide} class.}
  169. \item{footnote_color}{Footnote text color (if \code{NA}, then it will be the same
  170. color as \code{text_color}). Defaults to \code{NULL}. Modifies the \code{.footnote}
  171. class.}
  172. \item{footnote_font_size}{Footnote font size. Defaults to 0.9em. Modifies
  173. the \code{.footnote} class.}
  174. \item{footnote_position_bottom}{Footnote location from bottom of screen.
  175. Defaults to 60px. Modifies the \code{.footnote} class.}
  176. \item{left_column_subtle_color}{Left Column Text (not last). Defaults to
  177. \code{apply_alpha(base_color, 0.6)}. Modifies the
  178. \verb{.left-column h2, .left-column h3} classes.}
  179. \item{left_column_selected_color}{Left Column Current Selection. Defaults to
  180. \code{base_color}. Modifies the
  181. \verb{.left-column h2:last-of-type, .left-column h3:last-child} classes.}
  182. \item{blockquote_left_border_color}{Blockquote Left Border Color. Defaults
  183. to \code{apply_alpha(base_color, 0.5)}. Modifies the \code{blockquote} element.}
  184. \item{table_border_color}{Table top/bottom border. Defaults to #666.
  185. Modifies the \verb{table: border-top, border-bottom} elements.}
  186. \item{table_row_border_color}{Table row inner bottom border. Defaults to
  187. #ddd. Modifies the \verb{table thead th: border-bottom} elements.}
  188. \item{table_row_even_background_color}{Table Even Row Background Color.
  189. Defaults to \code{darken_color(base_color, 0.8)}. Modifies the
  190. \verb{thead, tfoot, tr:nth-child(even)} elements.}
  191. \item{base_font_size}{Base Font Size for All Slide Elements (must be \code{px}).
  192. Defaults to 20px. Modifies the \code{html} element. The value of this variable
  193. is also stored as a CSS variable that can be referenced with
  194. \code{var(--base-font-size)} in any argument of a style function or in custom
  195. CSS.}
  196. \item{text_font_size}{Slide Body Text Font Size. Defaults to 1rem. Modifies
  197. the \code{.remark-slide-content} class. The value of this variable is also
  198. stored as a CSS variable that can be referenced with
  199. \code{var(--text-font-size)} in any argument of a style function or in custom
  200. CSS.}
  201. \item{header_h1_font_size}{h1 Header Text Font Size. Defaults to 2.75rem.
  202. Modifies the \verb{.remark-slide-content h1} class. The value of this variable
  203. is also stored as a CSS variable that can be referenced with
  204. \code{var(--header-h1-font-size)} in any argument of a style function or in
  205. custom CSS.}
  206. \item{header_h2_font_size}{h2 Header Text Font Size. Defaults to 2.25rem.
  207. Modifies the \verb{.remark-slide-content h2} class. The value of this variable
  208. is also stored as a CSS variable that can be referenced with
  209. \code{var(--header-h2-font-size)} in any argument of a style function or in
  210. custom CSS.}
  211. \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 1.75rem.
  212. Modifies the \verb{.remark-slide-content h3} class. The value of this variable
  213. is also stored as a CSS variable that can be referenced with
  214. \code{var(--header-h3-font-size)} in any argument of a style function or in
  215. custom CSS.}
  216. \item{header_background_auto}{Add background under slide title automatically
  217. for h1 header elements. If not enabled, use \code{class: header_background} to
  218. enable. Defaults to \code{FALSE}.}
  219. \item{header_background_color}{Background Color for h1 Header with
  220. Background. Defaults to \code{header_color}. Modifies the
  221. \verb{.remark-slide-content h1} class. The value of this variable is also
  222. stored as a CSS variable that can be referenced with
  223. \code{var(--header-background-color)} in any argument of a style function or in
  224. custom CSS.}
  225. \item{header_background_text_color}{Text Color for h1 Header with
  226. Background. Defaults to \code{background_color}. Modifies the
  227. \verb{.remark-slide-content h1} class. The value of this variable is also
  228. stored as a CSS variable that can be referenced with
  229. \code{var(--header-background-text-color)} in any argument of a style function
  230. or in custom CSS.}
  231. \item{header_background_padding}{Padding for h1 Header with Background.
  232. Defaults to \code{NULL}. Modifies the \verb{.remark-slide-content h1} class.}
  233. \item{header_background_content_padding_top}{Top Padding for Content in
  234. Slide with Header with Background. Defaults to 7rem. Modifies the
  235. \code{.remark-slide-content} class.}
  236. \item{header_background_ignore_classes}{Slide Classes Where Header with
  237. Background will not be Applied. Defaults to
  238. \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the
  239. \code{.remark-slide-content} class.}
  240. \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
  241. 0.9em. Modifies the \code{.remark-slide-number} class.}
  242. \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults
  243. to \code{NULL}. Modifies the \code{body} element.}
  244. \item{text_font_family}{Body Text Font Family (xaringan default is
  245. \code{'Droid Serif'}). Defaults to Noto Sans. Modifies the \code{body} element. The
  246. value of this variable is also stored as a CSS variable that can be
  247. referenced with \code{var(--text-font-family)} in any argument of a style
  248. function or in custom CSS.}
  249. \item{text_font_weight}{Body Text Font Weight. Defaults to normal. Modifies
  250. the \code{body} element.}
  251. \item{text_font_url}{Body Text Font URL(s). Defaults to
  252. https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap.
  253. Modifies the \verb{@import url()} elements.}
  254. \item{text_font_family_fallback}{Body Text Font Fallbacks. Defaults to
  255. -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
  256. helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the \code{body}
  257. element. The value of this variable is also stored as a CSS variable that
  258. can be referenced with \code{var(--text-font-family-fallback)} in any argument
  259. of a style function or in custom CSS.}
  260. \item{text_font_base}{Body Text Base Font (Total Failure Fallback). Defaults
  261. to sans-serif. Modifies the \code{body} element. The value of this variable is
  262. also stored as a CSS variable that can be referenced with
  263. \code{var(--text-font-base)} in any argument of a style function or in custom
  264. CSS.}
  265. \item{header_font_google}{Use \code{google_font()} to specify header font.
  266. Defaults to \code{NULL}. Modifies the \code{body} element.}
  267. \item{header_font_family}{Header Font Family (xaringan default is
  268. \code{'Yanone Kaffeesatz'}). Defaults to Cabin. Modifies the \verb{h1, h2, h3}
  269. elements. The value of this variable is also stored as a CSS variable that
  270. can be referenced with \code{var(--header-font-family)} in any argument of a
  271. style function or in custom CSS.}
  272. \item{header_font_weight}{Header Font Weight. Defaults to 600. Modifies the
  273. \verb{h1, h2, h3} elements.}
  274. \item{header_font_url}{Header Font URL. Defaults to
  275. https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap.
  276. Modifies the \verb{@import url} elements.}
  277. \item{code_font_google}{Use \code{google_font()} to specify code font. Defaults
  278. to \code{NULL}. Modifies the \code{body} element.}
  279. \item{code_font_family}{Code Font Family. Defaults to Source Code Pro.
  280. Modifies the \verb{.remark-code, .remark-inline-code} classes. The value of
  281. this variable is also stored as a CSS variable that can be referenced with
  282. \code{var(--code-font-family)} in any argument of a style function or in custom
  283. CSS.}
  284. \item{code_font_size}{Code Text Font Size. Defaults to 0.9rem. Modifies the
  285. \code{.remark-inline} class. The value of this variable is also stored as a CSS
  286. variable that can be referenced with \code{var(--code-font-size)} in any
  287. argument of a style function or in custom CSS.}
  288. \item{code_font_url}{Code Font URL. Defaults to
  289. https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap.
  290. Modifies the \verb{@import url} elements.}
  291. \item{code_font_family_fallback}{Code Font Fallback. Defaults to Menlo,
  292. Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the
  293. \verb{.remark-code, .remark-inline-code} classes.}
  294. \item{colors}{A named vector of custom colors. The names of the colors
  295. become CSS variables and classes that can be used within your slides.
  296. For example, \code{colors = c(blue = "#bad4ed")} adds a CSS variable
  297. \code{--blue}, a \code{.blue} CSS class that applies the color to the text or
  298. foreground color, and a \code{.bg-blue} CSS class that applies the color
  299. to the background.}
  300. \item{extra_css}{A named list of CSS definitions each containing a named list
  301. of CSS property-value pairs, i.e.
  302. \code{list(".class-id" = list("css-property" = "value"))}.}
  303. \item{extra_fonts}{A list of additional fonts to import, each list element
  304. can be either a URL as a character string or a call to
  305. \code{\link{google_font}()}. To use a font imported in \code{extra_fonts}, you
  306. will need to write custom CSS rules that apply the font to an element or
  307. class with the \code{font-family} property. See the \strong{Fonts} section of
  308. \code{vignette("xaringanthemer")} for an example.}
  309. \item{outfile}{Customized xaringan CSS output file name, default is "xaringan-themer.css"}
  310. }
  311. \description{
  312. An "inverted" default xaringan theme with a single color used
  313. for color accents on select elements (headers, bold text, etc.).
  314. }
  315. \section{Usage}{
  316. To use the styles created by this theme function, make sure
  317. that you use \code{xaringan-themer.css} as your CSS file in your slides' YAML
  318. header. If you change the name of the output file using the \code{outfile}
  319. argument, use that name instead of the default file name.\if{html}{\out{<div class="yaml">}}\preformatted{output:
  320. xaringan::moon_reader:
  321. css: xaringan-themer.css`
  322. }\if{html}{\out{</div>}}
  323. }
  324. \examples{
  325. # Create a xaringan style in a temporary file
  326. xaringan_themer_css <- tempfile("xaringan-themer-", fileext = ".css")
  327. style_mono_accent_inverse(
  328. base_color = "#3c989e",
  329. outfile = xaringan_themer_css # omit in your slides to write the
  330. # styles to xaringan-themer.css
  331. )
  332. # View the CSS:
  333. # file.edit(xaringan_themer_css)
  334. }
  335. \seealso{
  336. Other themes:
  337. \code{\link{style_duo_accent_inverse}()},
  338. \code{\link{style_duo_accent}()},
  339. \code{\link{style_duo}()},
  340. \code{\link{style_mono_accent}()},
  341. \code{\link{style_mono_dark}()},
  342. \code{\link{style_mono_light}()},
  343. \code{\link{style_solarized_dark}()},
  344. \code{\link{style_solarized_light}()},
  345. \code{\link{style_xaringan}()}
  346. Other Monotone themes:
  347. \code{\link{style_mono_accent}()},
  348. \code{\link{style_mono_dark}()},
  349. \code{\link{style_mono_light}()}
  350. }
  351. \concept{Monotone themes}
  352. \concept{themes}