Duotone Theme

Source: R/duo.R

A duotone theme designed to work well with two complementary colors.

duo(primary_color = "#1F4257", secondary_color = "#F97B64",
  text_color = choose_dark_or_light(primary_color, darken_color(primary_color,
  0.9), lighten_color(secondary_color, 0.99)), header_color = secondary_color,
  background_color = primary_color, 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")

Arguments

primary_color

Duotone Primary Color. Defaults to #1F4257. Modifies multiple CSS classes or elements.
secondary_color

Duotone Secondary Color. Defaults to #F97B64. Modifies multiple CSS classes or elements.
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.
header_color

Header Color. Defaults to secondary_color. Modifies the h1, h2, h3 elements.
background_color

Slide Background Color. Defaults to primary_color. Modifies the .remark-slide-content class.
link_color

Link Color. Defaults to secondary_color. Modifies the a, a > code elements.
text_bold_color

Bold Text Color. Defaults to secondary_color. Modifies the strong element.
text_slide_number_color

Slide Number Color. Defaults to text_color. Modifies the .remark-slide-number class.
padding

Slide Padding in top right [bottom left] format. Defaults to 1em 4em 1em 4em. Modifies the .remark-slide-content class.
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.
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.
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.
code_highlight_color

Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the .remark-code-line-highlighted class.
code_inline_color

Inline Code Color. Defaults to secondary_color. Modifies the .remark-inline-code class.
code_inline_background_color

Inline Code Background Color. Defaults to NA. Modifies the .remark-inline-code class.
code_inline_font_size

Inline Code Text Font Size. Defaults to 1em. Modifies the .remark-inline-code class.
inverse_background_color

Inverse Background Color. Defaults to secondary_color. Modifies the .inverse class.
inverse_text_color

Inverse Text Color. Defaults to primary_color. Modifies the .inverse class.
inverse_text_shadow

Enables Shadow on text of inverse slides. Defaults to FALSE. Modifies the .inverse class.
inverse_header_color

Inverse Header Color. Defaults to primary_color. Modifies the .inverse h1, .inverse h2, .inverse h3 classes.
title_slide_text_color

Title Slide Text Color. Defaults to secondary_color. Modifies the .title-slide class.
title_slide_background_color

Title Slide Background Color. Defaults to primary_color. Modifies the .title-slide class.
title_slide_background_image

Title Slide Background Image URL. Defaults to NA. Modifies the .title-slide class.
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.
title_slide_background_position

Title Slide Background Image Position. Defaults to NA. Modifies the .title-slide class.
footnote_color

Footnote text color (if NA, then it will be the same color as text_color). Defaults to NA. Modifies the .footnote class.
footnote_font_size

Footnote font size. Defaults to 0.9em. Modifies the .footnote class.
footnote_position_bottom

Footnote location from bottom of screen. Defaults to 3em. Modifies the .footnote class.
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.
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.
blockquote_left_border_color

Blockquote Left Border Color. Defaults to apply_alpha(secondary_color, 0.5). Modifies the blockquote element.
table_border_color

Table top/bottom border. Defaults to #666. Modifies the table: border-top, border-bottom elements.
table_row_border_color

Table row inner bottom border. Defaults to #ddd. Modifies the table thead th: border-bottom elements.
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.
text_font_size

Slide Body Text Font Size. Defaults to 20px. Modifies the .remark-slide-content class.
header_h1_font_size

h1 Header Text Font Size. Defaults to 55px. Modifies the .remark-slide-content h1 class.
header_h2_font_size

h2 Header Text Font Size. Defaults to 45px. Modifies the .remark-slide-content h2 class.
header_h3_font_size

h3 Header Text Font Size. Defaults to 35px. Modifies the .remark-slide-content h3 class.
text_slide_number_font_size

Slide Number Text Font Size. Defaults to 0.9em. Modifies the .remark-slide-number class.
text_font_google

Use google_font() to specify body font. Defaults to NULL. Modifies the body element.
text_font_family

Body Text Font Family. Defaults to 'Droid Serif'. Modifies the body element.
text_font_weight

Body Text Font Weight. Defaults to normal. Modifies the body element.
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.
text_font_family_fallback

Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the body element.
text_font_base

Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the body element.
header_font_google

Use google_font() to specify header font. Defaults to NULL. Modifies the body element.
header_font_family

Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the h1, h2, h3 elements.
header_font_weight

Header Font Weight. Defaults to normal. Modifies the h1, h2, h3 elements.
header_font_url

Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the @import url elements.
code_font_google

Use google_font() to specify code font. Defaults to NULL. Modifies the body element.
code_font_family

Code Font Family. Defaults to 'Source Code Pro'. Modifies the .remark-code, .remark-inline-code classes.
code_font_size

Code Text Font Size. Defaults to 0.9em. Modifies the .remark-inline class.
code_font_url

Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the @import url elements.
code_font_family_fallback

Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the .remark-code, .remark-inline-code classes.
extra_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"))
extra_fonts

A list of additional fonts to import, each list element can be either a URL as a character string or a call to google_font()
outfile

Customized xaringan CSS output file name, default is "xaringan-themer.css"

See also

Other themes: duo_accent_inverse, duo_accent, mono_accent_inverse, mono_accent, mono_dark, mono_light, solarized_dark, solarized_light, write_xaringan_theme

Other Duotone themes: duo_accent_inverse, duo_accent