Add header_background_enable and options for #10

R/duo.R

@@ -6,7 +6,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -36,6 +36,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -67,7 +73,7 @@ duo <- function(
   link_color = secondary_color,
   text_bold_color = secondary_color,
   text_slide_number_color = text_color,
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -97,6 +103,12 @@ duo <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/duo_accent.R

@@ -8,7 +8,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -38,6 +38,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -71,7 +77,7 @@ duo_accent <- function(
   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",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -101,6 +107,12 @@ duo_accent <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/duo_accent_inverse.R

@@ -8,7 +8,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -38,6 +38,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -71,7 +77,7 @@ duo_accent_inverse <- function(
   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",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -101,6 +107,12 @@ duo_accent_inverse <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/mono_accent.R

@@ -7,7 +7,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -37,6 +37,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -69,7 +75,7 @@ mono_accent <- function(
   link_color = base_color,
   text_bold_color = base_color,
   text_slide_number_color = base_color,
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -99,6 +105,12 @@ mono_accent <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/mono_accent_inverse.R

@@ -7,7 +7,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -37,6 +37,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -69,7 +75,7 @@ mono_accent_inverse <- function(
   link_color = base_color,
   text_bold_color = base_color,
   text_slide_number_color = base_color,
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -99,6 +105,12 @@ mono_accent_inverse <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/mono_dark.R

@@ -7,7 +7,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -37,6 +37,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -69,7 +75,7 @@ mono_dark <- function(
   link_color = base_color,
   text_bold_color = base_color,
   text_slide_number_color = base_color,
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -99,6 +105,12 @@ mono_dark <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/mono_light.R

@@ -7,7 +7,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -37,6 +37,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -69,7 +75,7 @@ mono_light <- function(
   link_color = base_color,
   text_bold_color = base_color,
   text_slide_number_color = base_color,
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -99,6 +105,12 @@ mono_light <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/solarized_dark.R

@@ -4,7 +4,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -34,6 +34,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -63,7 +69,7 @@ solarized_dark <- function(
   link_color = "#b58900",
   text_bold_color = "#d33682",
   text_slide_number_color = "#586e75",
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -93,6 +99,12 @@ solarized_dark <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/solarized_light.R

@@ -4,7 +4,7 @@
 #' @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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -34,6 +34,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -63,7 +69,7 @@ solarized_light <- function(
   link_color = "#b58900",
   text_bold_color = "#d33682",
   text_slide_number_color = "#93a1a1",
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -93,6 +99,12 @@ solarized_light <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",

R/theme_settings.R

@@ -6,7 +6,7 @@ template_variables <- tibble::tribble(
   , "link_color", "rgb(249, 38, 114)", "a, a > code", "Link Color"
   , "text_bold_color", NULL, "strong", "Bold Text Color"
   , "text_slide_number_color", "{inverse_background_color}", ".remark-slide-number", "Slide Number Color"
-  , "padding", "1em 4em 1em 4em", ".remark-slide-content", "Slide Padding in `top right [bottom left]` format"
+  , "padding", "1rem 4rem 1rem 4rem", ".remark-slide-content", "Slide Padding in `top right [bottom left]` format"
   , "background_image", NULL, ".remark-slide-content", "Background image applied to each *and every* slide. Set `title_slide_background_image = \"none\"` to remove the background image from the title slide."
   , "background_size", NULL, ".remark-slide-content", "Background image size, requires `background_image` to be set. If `background_image` is set, `background_size` will default to `cover` so the backround fills the screen. If both `background_image` and `background_position` are set, will default to 100 percent."
   , "background_position", NULL, ".remark-slide-content", "Background image position, requires `background_image` to be set, and it is recommended to adjust `background_size`."
@@ -36,6 +36,12 @@ template_variables <- tibble::tribble(
   , "header_h1_font_size", "55px", ".remark-slide-content h1", "h1 Header Text Font Size"
   , "header_h2_font_size", "45px", ".remark-slide-content h2", "h2 Header Text Font Size"
   , "header_h3_font_size", "35px", ".remark-slide-content h3", "h3 Header Text Font Size"
+  , "header_background_enable", "{FALSE}", "", "Enable Header Background Under First h1 Slide Element"
+  , "header_background_color", "{header_color}", ".remark-slide-content h1", "Background Color for h1 Header with Background"
+  , "header_background_text_color", "{background_color}", ".remark-slide-content h1", "Text Color for h1 Header with Background"
+  , "header_background_padding", "2rem 4rem 1.5rem 4rem", ".remark-slide-content h1", "Padding for h1 Header with Background"
+  , "header_background_content_padding_top", "7rem", ".remark-slide-content", "Top Padding for Content in Slide with Header with Background"
+  , "header_background_ignore_classes", "{c('normal', 'inverse', 'title', 'middle', 'bottom')}", ".remark-slide-content", "Slide Classes Where Header with Background will not be Applied"
   , "text_slide_number_font_size", "0.9em", ".remark-slide-number", "Slide Number Text Font Size"
   , "text_font_google", NULL, "body", "Use `google_font()` to specify body font"
   , "text_font_family", "'Droid Serif'", "body", "Body Text Font Family"

R/write_theme.R

@@ -4,7 +4,7 @@
 #' @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 `NULL`. 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 padding Slide Padding in `top right [bottom left]` format. Defaults to 1rem 4rem 1rem 4rem. 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.
@@ -34,6 +34,12 @@
 #' @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 header_background_enable Enable Header Background Under First h1 Slide Element. Defaults to `FALSE`. Modifies the `` element.
+#' @param header_background_color Background Color for h1 Header with Background. Defaults to `header_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_text_color Text Color for h1 Header with Background. Defaults to `background_color`. Modifies the `.remark-slide-content h1` class.
+#' @param header_background_padding Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. 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. Defaults to 'Droid Serif'. Modifies the `body` element.
@@ -62,7 +68,7 @@ write_xaringan_theme <- function(
   link_color = "rgb(249, 38, 114)",
   text_bold_color = NULL,
   text_slide_number_color = inverse_background_color,
-  padding = "1em 4em 1em 4em",
+  padding = "1rem 4rem 1rem 4rem",
   background_image = NULL,
   background_size = NULL,
   background_position = NULL,
@@ -92,6 +98,12 @@ write_xaringan_theme <- function(
   header_h1_font_size = "55px",
   header_h2_font_size = "45px",
   header_h3_font_size = "35px",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",
@@ -148,7 +160,8 @@ write_xaringan_theme <- function(
   for (var in f_args) {
     val <- eval(parse(text = var))
     if (is.null(val)) next
-    is_na <- is.na(val)
+    val <- val[!is.na(val)]
+    is_na <- length(val) == 0
     if (is_na) assign(var, NULL)
   }
   
@@ -163,6 +176,25 @@ write_xaringan_theme <- function(
   
   xaringanthemer_version <- utils::packageVersion("xaringanthemer")
   
+  # prepare header background object
+  header_background <- if (header_background_enable) {
+    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 = .)
+    )
+    list(
+      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
+    )
+  }
+  
   tf <- system.file("resources", "template.css", package = "xaringanthemer")
   template <- readLines(tf, warn = FALSE)
   template <- paste(template, collapse = "\n")

inst/resources/template.css

@@ -177,6 +177,25 @@ table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
   color: {{text_color}} !important;
 }
 
+{{#header_background}}
+/* Slide Header Background for h1 elements */
+.remark-slide-content{{#ignore}}:not({{class}}){{/ignore}} > h1 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: {{background_color}};
+  color: {{text_color}};
+  padding: {{padding}};
+  margin-top: 0;
+  box-sizing: border-box;
+}
+.remark-slide-content{{#ignore}}:not({{class}}){{/ignore}} {
+  padding-top: {{content_padding_top}};
+}
+
+{{/header_background}}
 @page { margin: 0; }
 @media print {
   .remark-slide-scaler {

inst/scripts/write_xaringan_theme_body.R

@@ -34,7 +34,8 @@ extra_font_imports <- if (is.null(extra_fonts)) "" else list2fonts(extra_fonts)
 for (var in f_args) {
   val <- eval(parse(text = var))
   if (is.null(val)) next
-  is_na <- is.na(val)
+  val <- val[!is.na(val)]
+  is_na <- length(val) == 0
   if (is_na) assign(var, NULL)
 }
 
@@ -49,6 +50,25 @@ table_row_even_background_color <- table_row_even_background_color %||% backgrou
 
 xaringanthemer_version <- utils::packageVersion("xaringanthemer")
 
+# prepare header background object
+header_background <- if (header_background_enable) {
+  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 = .)
+  )
+  list(
+    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
+  )
+}
+
 tf <- system.file("resources", "template.css", package = "xaringanthemer")
 template <- readLines(tf, warn = FALSE)
 template <- paste(template, collapse = "\n")

man/duo.Rd

@@ -9,9 +9,9 @@ duo(primary_color = "#1F4257", secondary_color = "#F97B64",
   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 = NULL, background_size = NULL,
-  background_position = NULL,
+  text_slide_number_color = text_color,
+  padding = "1rem 4rem 1rem 4rem", 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",
@@ -31,8 +31,15 @@ duo(primary_color = "#1F4257", secondary_color = "#F97B64",
   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",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'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,
@@ -63,7 +70,7 @@ duo(primary_color = "#1F4257", secondary_color = "#F97B64",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{text_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -123,6 +130,18 @@ duo(primary_color = "#1F4257", secondary_color = "#F97B64",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/duo_accent.Rd

@@ -12,7 +12,7 @@ duo_accent(primary_color = "#006747", secondary_color = "#CFC493",
   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 = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -37,8 +37,15 @@ duo_accent(primary_color = "#006747", secondary_color = "#CFC493",
   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",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'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,
@@ -73,7 +80,7 @@ duo_accent(primary_color = "#006747", secondary_color = "#CFC493",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{primary_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -133,6 +140,18 @@ duo_accent(primary_color = "#006747", secondary_color = "#CFC493",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/duo_accent_inverse.Rd

@@ -11,9 +11,9 @@ duo_accent_inverse(primary_color = "#006747",
   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 = NULL, background_size = NULL,
-  background_position = NULL,
+  text_slide_number_color = primary_color,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -37,7 +37,13 @@ duo_accent_inverse(primary_color = "#006747",
   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",
+  header_h3_font_size = "35px", header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",
   text_font_weight = "normal",
   text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
@@ -74,7 +80,7 @@ duo_accent_inverse(primary_color = "#006747",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{primary_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -134,6 +140,18 @@ duo_accent_inverse(primary_color = "#006747",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/mono_accent.Rd

@@ -8,9 +8,9 @@ mono_accent(base_color = "#43418A", white_color = "#FFFFFF",
   black_color = "#272822", text_color = black_color,
   header_color = base_color, background_color = white_color,
   link_color = base_color, text_bold_color = base_color,
-  text_slide_number_color = base_color, padding = "1em 4em 1em 4em",
-  background_image = NULL, background_size = NULL,
-  background_position = NULL,
+  text_slide_number_color = base_color,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -29,8 +29,15 @@ mono_accent(base_color = "#43418A", white_color = "#FFFFFF",
   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",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'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,
@@ -63,7 +70,7 @@ mono_accent(base_color = "#43418A", white_color = "#FFFFFF",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{base_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -123,6 +130,18 @@ mono_accent(base_color = "#43418A", white_color = "#FFFFFF",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/mono_accent_inverse.Rd

@@ -9,7 +9,7 @@ mono_accent_inverse(base_color = "#3C989E", white_color = "#FFFFFF",
   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 = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -29,8 +29,15 @@ mono_accent_inverse(base_color = "#3C989E", white_color = "#FFFFFF",
   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",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'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,
@@ -63,7 +70,7 @@ mono_accent_inverse(base_color = "#3C989E", white_color = "#FFFFFF",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{base_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -123,6 +130,18 @@ mono_accent_inverse(base_color = "#3C989E", white_color = "#FFFFFF",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/mono_dark.Rd

@@ -10,7 +10,7 @@ mono_dark(base_color = "#cbf7ed",
   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 = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -30,8 +30,15 @@ mono_dark(base_color = "#cbf7ed",
   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",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'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,
@@ -64,7 +71,7 @@ mono_dark(base_color = "#cbf7ed",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{base_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -124,6 +131,18 @@ mono_dark(base_color = "#cbf7ed",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/mono_light.Rd

@@ -10,7 +10,7 @@ mono_light(base_color = "#23395b",
   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 = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -30,8 +30,15 @@ mono_light(base_color = "#23395b",
   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",
+  header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'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,
@@ -64,7 +71,7 @@ mono_light(base_color = "#23395b",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{base_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -124,6 +131,18 @@ mono_light(base_color = "#23395b",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/solarized_dark.Rd

@@ -7,7 +7,7 @@
 solarized_dark(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 = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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",
@@ -26,7 +26,13 @@ solarized_dark(text_color = "#839496", header_color = "#dc322f",
   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",
+  header_h3_font_size = "35px", header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",
   text_font_weight = "normal",
   text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
@@ -55,7 +61,7 @@ solarized_dark(text_color = "#839496", header_color = "#dc322f",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to #586e75. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -115,6 +121,18 @@ solarized_dark(text_color = "#839496", header_color = "#dc322f",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/solarized_light.Rd

@@ -7,7 +7,7 @@
 solarized_light(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 = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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",
@@ -26,7 +26,13 @@ solarized_light(text_color = "#657b83", header_color = "#dc322f",
   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",
+  header_h3_font_size = "35px", header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",
   text_font_weight = "normal",
   text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
@@ -55,7 +61,7 @@ solarized_light(text_color = "#657b83", header_color = "#dc322f",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to #93a1a1. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -115,6 +121,18 @@ solarized_light(text_color = "#657b83", header_color = "#dc322f",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

man/write_xaringan_theme.Rd

@@ -8,7 +8,7 @@ write_xaringan_theme(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 = "1em 4em 1em 4em", background_image = NULL,
+  padding = "1rem 4rem 1rem 4rem", 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,
@@ -27,7 +27,13 @@ write_xaringan_theme(text_color = "#000", header_color = "#000",
   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",
+  header_h3_font_size = "35px", header_background_enable = FALSE,
+  header_background_color = header_color,
+  header_background_text_color = background_color,
+  header_background_padding = "2rem 4rem 1.5rem 4rem",
+  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 = "'Droid Serif'",
   text_font_weight = "normal",
   text_font_url = "https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic",
@@ -56,7 +62,7 @@ write_xaringan_theme(text_color = "#000", header_color = "#000",
 
 \item{text_slide_number_color}{Slide Number Color. Defaults to \code{inverse_background_color}. Modifies the \code{.remark-slide-number} class.}
 
-\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1em 4em 1em 4em. Modifies the \code{.remark-slide-content} class.}
+\item{padding}{Slide Padding in \code{top right [bottom left]} format. Defaults to 1rem 4rem 1rem 4rem. Modifies the \code{.remark-slide-content} class.}
 
 \item{background_image}{Background image applied to each \emph{and every} slide. Set \code{title_slide_background_image = "none"} to remove the background image from the title slide.. Defaults to \code{NULL}. Modifies the \code{.remark-slide-content} class.}
 
@@ -116,6 +122,18 @@ write_xaringan_theme(text_color = "#000", header_color = "#000",
 
 \item{header_h3_font_size}{h3 Header Text Font Size. Defaults to 35px. Modifies the \code{.remark-slide-content h3} class.}
 
+\item{header_background_enable}{Enable Header Background Under First h1 Slide Element. Defaults to \code{FALSE}. Modifies the `` element.}
+
+\item{header_background_color}{Background Color for h1 Header with Background. Defaults to \code{header_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_text_color}{Text Color for h1 Header with Background. Defaults to \code{background_color}. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_padding}{Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the \code{.remark-slide-content h1} class.}
+
+\item{header_background_content_padding_top}{Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the \code{.remark-slide-content} class.}
+
+\item{header_background_ignore_classes}{Slide Classes Where Header with Background will not be Applied. Defaults to \code{c('normal', 'inverse', 'title', 'middle', 'bottom')}. Modifies the \code{.remark-slide-content} class.}
+
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to 0.9em. Modifies the \code{.remark-slide-number} class.}
 
 \item{text_font_google}{Use \code{google_font()} to specify body font. Defaults to \code{NULL}. Modifies the \code{body} element.}

tests/testthat/css/duo-header_bg.css

@@ -0,0 +1,195 @@
+/* -------------------------------------------------------
+ *
+ *     !! This file was generated by xaringanthemer !!
+ *
+ *  Changes made to this file directly will be overwritten
+ *  if you used xaringanthemer in your xaringan slides Rmd
+ *
+ *  Issues or likes?
+ *    - https://github.com/gadenbuie/xaringanthemer
+ *    - https://www.garrickadenbuie.com
+ *
+ *  Need help? Try:
+ *    - vignette(package = "xaringanthemer")
+ *    - ?xaringanthemer::write_xaringan_theme
+ *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
+ *    - remarkjs wiki: https://github.com/gnab/remark/wiki
+ *
+ *  Version: a.b.c.d.eeee
+ *
+ * ------------------------------------------------------- */
+@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
+
+
+body {
+  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
+  font-weight: normal;
+  color: #FEFDFD;
+}
+h1, h2, h3 {
+  font-family: 'Yanone Kaffeesatz';
+  font-weight: normal;
+  color: #F97B64;
+}
+.remark-slide-content {
+  background-color: #1F4257;
+  font-size: 20px;
+  padding: 1rem 4rem 1rem 4rem;
+}
+.remark-slide-content h1 {
+    font-size: 55px;
+}
+.remark-slide-content h2 {
+    font-size: 45px;
+}
+.remark-slide-content h3 {
+    font-size: 35px;
+}
+.remark-code, .remark-inline-code {
+  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
+}
+.remark-code {
+  font-size: 0.9em;
+}
+.remark-inline-code {
+  color: #F97B64;
+  font-size: 1em;
+}
+.remark-slide-number {
+  color: #FEFDFD;
+  opacity: 1;
+  font-size: 0.9em;
+}
+strong { color: #F97B64; }
+a, a > code {
+  color: #F97B64;
+  text-decoration: none;
+}
+.footnote {
+  
+  position: absolute;
+  bottom: 3em;
+  padding-right: 4em;
+  font-size: 0.9em;
+}
+.remark-code-line-highlighted {
+  background-color: rgba(255,255,0,0.5);
+}
+.inverse {
+  background-color: #F97B64;
+  color: #1F4257;
+  
+}
+.inverse h1, .inverse h2, .inverse h3 {
+  color: #1F4257;
+}
+.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
+  color: #F97B64;
+}
+.title-slide {
+  background-color: #1F4257;
+  
+  
+  
+}
+.title-slide .remark-slide-number {
+  display: none;
+}
+/* Two-column layout */
+.left-column {
+  width: 20%;
+  height: 92%;
+  float: left;
+}
+.left-column h2, .left-column h3 {
+  color: #F97B6499;
+}
+.left-column h2:last-of-type, .left-column h3:last-child {
+  color: #F97B64;
+}
+.right-column {
+  width: 75%;
+  float: right;
+  padding-top: 1em;
+}
+.pull-left {
+  float: left;
+  width: 47%;
+}
+.pull-right {
+  float: right;
+  width: 47%;
+}
+.pull-right ~ * {
+  clear: both;
+}
+img, video, iframe {
+  max-width: 100%;
+}
+blockquote {
+  border-left: solid 5px #F97B6480;
+  padding-left: 1em;
+}
+.remark-slide table {
+  margin: auto;
+  border-top: 1px solid #666;
+  border-bottom: 1px solid #666;
+}
+.remark-slide table thead th {
+  border-bottom: 1px solid #ddd;
+}
+th, td {
+  padding: 5px;
+}
+.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
+  background: #627A89;
+}
+table.dataTable tbody {
+  background-color: #1F4257;
+  color: #FEFDFD;
+}
+table.dataTable.display tbody tr.odd {
+  background-color: #1F4257;
+}
+table.dataTable.display tbody tr.even {
+  background-color: #627A89;
+}
+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: #FEFDFD;
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+  color: #FEFDFD !important;
+}
+
+/* Slide Header Background for h1 elements */
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) > h1 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: #F97B64;
+  color: #1F4257;
+  padding: 2rem 4rem 1.5rem 4rem;
+  margin-top: 0;
+  box-sizing: border-box;
+}
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) {
+  padding-top: 7rem;
+}
+
+@page { margin: 0; }
+@media print {
+  .remark-slide-scaler {
+    width: 100% !important;
+    height: 100% !important;
+    transform: scale(1) !important;
+    top: 0 !important;
+    left: 0 !important;
+  }
+}

tests/testthat/css/duo.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #1F4257;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/duo_accent.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #FFFFFF;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/duo_accent_inverse.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #000000;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/duo_header-bg.css

@@ -0,0 +1,195 @@
+/* -------------------------------------------------------
+ *
+ *     !! This file was generated by xaringanthemer !!
+ *
+ *  Changes made to this file directly will be overwritten
+ *  if you used xaringanthemer in your xaringan slides Rmd
+ *
+ *  Issues or likes?
+ *    - https://github.com/gadenbuie/xaringanthemer
+ *    - https://www.garrickadenbuie.com
+ *
+ *  Need help? Try:
+ *    - vignette(package = "xaringanthemer")
+ *    - ?xaringanthemer::write_xaringan_theme
+ *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
+ *    - remarkjs wiki: https://github.com/gnab/remark/wiki
+ *
+ *  Version: a.b.c.d.eeee
+ *
+ * ------------------------------------------------------- */
+@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
+
+
+body {
+  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
+  font-weight: normal;
+  color: #FEFDFD;
+}
+h1, h2, h3 {
+  font-family: 'Yanone Kaffeesatz';
+  font-weight: normal;
+  color: #F97B64;
+}
+.remark-slide-content {
+  background-color: #1F4257;
+  font-size: 20px;
+  padding: 1rem 4rem 1rem 4rem;
+}
+.remark-slide-content h1 {
+    font-size: 55px;
+}
+.remark-slide-content h2 {
+    font-size: 45px;
+}
+.remark-slide-content h3 {
+    font-size: 35px;
+}
+.remark-code, .remark-inline-code {
+  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
+}
+.remark-code {
+  font-size: 0.9em;
+}
+.remark-inline-code {
+  color: #F97B64;
+  font-size: 1em;
+}
+.remark-slide-number {
+  color: #FEFDFD;
+  opacity: 1;
+  font-size: 0.9em;
+}
+strong { color: #F97B64; }
+a, a > code {
+  color: #F97B64;
+  text-decoration: none;
+}
+.footnote {
+  
+  position: absolute;
+  bottom: 3em;
+  padding-right: 4em;
+  font-size: 0.9em;
+}
+.remark-code-line-highlighted {
+  background-color: rgba(255,255,0,0.5);
+}
+.inverse {
+  background-color: #F97B64;
+  color: #1F4257;
+  
+}
+.inverse h1, .inverse h2, .inverse h3 {
+  color: #1F4257;
+}
+.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
+  color: #F97B64;
+}
+.title-slide {
+  background-color: #1F4257;
+  
+  
+  
+}
+.title-slide .remark-slide-number {
+  display: none;
+}
+/* Two-column layout */
+.left-column {
+  width: 20%;
+  height: 92%;
+  float: left;
+}
+.left-column h2, .left-column h3 {
+  color: #F97B6499;
+}
+.left-column h2:last-of-type, .left-column h3:last-child {
+  color: #F97B64;
+}
+.right-column {
+  width: 75%;
+  float: right;
+  padding-top: 1em;
+}
+.pull-left {
+  float: left;
+  width: 47%;
+}
+.pull-right {
+  float: right;
+  width: 47%;
+}
+.pull-right ~ * {
+  clear: both;
+}
+img, video, iframe {
+  max-width: 100%;
+}
+blockquote {
+  border-left: solid 5px #F97B6480;
+  padding-left: 1em;
+}
+.remark-slide table {
+  margin: auto;
+  border-top: 1px solid #666;
+  border-bottom: 1px solid #666;
+}
+.remark-slide table thead th {
+  border-bottom: 1px solid #ddd;
+}
+th, td {
+  padding: 5px;
+}
+.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
+  background: #627A89;
+}
+table.dataTable tbody {
+  background-color: #1F4257;
+  color: #FEFDFD;
+}
+table.dataTable.display tbody tr.odd {
+  background-color: #1F4257;
+}
+table.dataTable.display tbody tr.even {
+  background-color: #627A89;
+}
+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: #FEFDFD;
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+  color: #FEFDFD !important;
+}
+
+/* Slide Header Background for h1 elements */
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) > h1 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: #F97B64;
+  color: #1F4257;
+  padding: 2rem 4rem 1.5rem 4rem;
+  margin-top: 0;
+  box-sizing: border-box;
+}
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) {
+  padding-top: 7rem;
+}
+
+@page { margin: 0; }
+@media print {
+  .remark-slide-scaler {
+    width: 100% !important;
+    height: 100% !important;
+    transform: scale(1) !important;
+    top: 0 !important;
+    left: 0 !important;
+  }
+}

tests/testthat/css/mono_accent.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #FFFFFF;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/mono_accent_inverse.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #050F0F;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/mono_dark.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #1E2523;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/mono_light-header_bg.css

@@ -0,0 +1,195 @@
+/* -------------------------------------------------------
+ *
+ *     !! This file was generated by xaringanthemer !!
+ *
+ *  Changes made to this file directly will be overwritten
+ *  if you used xaringanthemer in your xaringan slides Rmd
+ *
+ *  Issues or likes?
+ *    - https://github.com/gadenbuie/xaringanthemer
+ *    - https://www.garrickadenbuie.com
+ *
+ *  Need help? Try:
+ *    - vignette(package = "xaringanthemer")
+ *    - ?xaringanthemer::write_xaringan_theme
+ *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
+ *    - remarkjs wiki: https://github.com/gnab/remark/wiki
+ *
+ *  Version: a.b.c.d.eeee
+ *
+ * ------------------------------------------------------- */
+@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
+
+
+body {
+  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
+  font-weight: normal;
+  color: #18273F;
+}
+h1, h2, h3 {
+  font-family: 'Yanone Kaffeesatz';
+  font-weight: normal;
+  color: #23395b;
+}
+.remark-slide-content {
+  background-color: #E9EBEE;
+  font-size: 20px;
+  padding: 1rem 4rem 1rem 4rem;
+}
+.remark-slide-content h1 {
+    font-size: 55px;
+}
+.remark-slide-content h2 {
+    font-size: 45px;
+}
+.remark-slide-content h3 {
+    font-size: 35px;
+}
+.remark-code, .remark-inline-code {
+  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
+}
+.remark-code {
+  font-size: 0.9em;
+}
+.remark-inline-code {
+  color: #23395b;
+  font-size: 1em;
+}
+.remark-slide-number {
+  color: #23395b;
+  opacity: 1;
+  font-size: 0.9em;
+}
+strong { color: #23395b; }
+a, a > code {
+  color: #23395b;
+  text-decoration: none;
+}
+.footnote {
+  
+  position: absolute;
+  bottom: 3em;
+  padding-right: 4em;
+  font-size: 0.9em;
+}
+.remark-code-line-highlighted {
+  background-color: rgba(255,255,0,0.5);
+}
+.inverse {
+  background-color: #23395b;
+  color: #E9EBEE;
+  
+}
+.inverse h1, .inverse h2, .inverse h3 {
+  color: #E9EBEE;
+}
+.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
+  color: #E9EBEE;
+}
+.title-slide {
+  background-color: #23395b;
+  
+  
+  
+}
+.title-slide .remark-slide-number {
+  display: none;
+}
+/* Two-column layout */
+.left-column {
+  width: 20%;
+  height: 92%;
+  float: left;
+}
+.left-column h2, .left-column h3 {
+  color: #23395b99;
+}
+.left-column h2:last-of-type, .left-column h3:last-child {
+  color: #23395b;
+}
+.right-column {
+  width: 75%;
+  float: right;
+  padding-top: 1em;
+}
+.pull-left {
+  float: left;
+  width: 47%;
+}
+.pull-right {
+  float: right;
+  width: 47%;
+}
+.pull-right ~ * {
+  clear: both;
+}
+img, video, iframe {
+  max-width: 100%;
+}
+blockquote {
+  border-left: solid 5px #23395b80;
+  padding-left: 1em;
+}
+.remark-slide table {
+  margin: auto;
+  border-top: 1px solid #666;
+  border-bottom: 1px solid #666;
+}
+.remark-slide table thead th {
+  border-bottom: 1px solid #ddd;
+}
+th, td {
+  padding: 5px;
+}
+.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
+  background: #D3D7DE;
+}
+table.dataTable tbody {
+  background-color: #E9EBEE;
+  color: #18273F;
+}
+table.dataTable.display tbody tr.odd {
+  background-color: #E9EBEE;
+}
+table.dataTable.display tbody tr.even {
+  background-color: #D3D7DE;
+}
+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: #18273F;
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+  color: #18273F !important;
+}
+
+/* Slide Header Background for h1 elements */
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) > h1 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: #23395b;
+  color: #E9EBEE;
+  padding: 2rem 4rem 1.5rem 4rem;
+  margin-top: 0;
+  box-sizing: border-box;
+}
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) {
+  padding-top: 7rem;
+}
+
+@page { margin: 0; }
+@media print {
+  .remark-slide-scaler {
+    width: 100% !important;
+    height: 100% !important;
+    transform: scale(1) !important;
+    top: 0 !important;
+    left: 0 !important;
+  }
+}

tests/testthat/css/mono_light.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #E9EBEE;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/solarized_dark-header_bg.css

@@ -0,0 +1,195 @@
+/* -------------------------------------------------------
+ *
+ *     !! This file was generated by xaringanthemer !!
+ *
+ *  Changes made to this file directly will be overwritten
+ *  if you used xaringanthemer in your xaringan slides Rmd
+ *
+ *  Issues or likes?
+ *    - https://github.com/gadenbuie/xaringanthemer
+ *    - https://www.garrickadenbuie.com
+ *
+ *  Need help? Try:
+ *    - vignette(package = "xaringanthemer")
+ *    - ?xaringanthemer::write_xaringan_theme
+ *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
+ *    - remarkjs wiki: https://github.com/gnab/remark/wiki
+ *
+ *  Version: a.b.c.d.eeee
+ *
+ * ------------------------------------------------------- */
+@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
+
+
+body {
+  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
+  font-weight: normal;
+  color: #839496;
+}
+h1, h2, h3 {
+  font-family: 'Yanone Kaffeesatz';
+  font-weight: normal;
+  color: #dc322f;
+}
+.remark-slide-content {
+  background-color: #002b36;
+  font-size: 20px;
+  padding: 1rem 4rem 1rem 4rem;
+}
+.remark-slide-content h1 {
+    font-size: 55px;
+}
+.remark-slide-content h2 {
+    font-size: 45px;
+}
+.remark-slide-content h3 {
+    font-size: 35px;
+}
+.remark-code, .remark-inline-code {
+  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
+}
+.remark-code {
+  font-size: 0.9em;
+}
+.remark-inline-code {
+  color: #6c71c4;
+  font-size: 1em;
+}
+.remark-slide-number {
+  color: #586e75;
+  opacity: 1;
+  font-size: 0.9em;
+}
+strong { color: #d33682; }
+a, a > code {
+  color: #b58900;
+  text-decoration: none;
+}
+.footnote {
+  
+  position: absolute;
+  bottom: 3em;
+  padding-right: 4em;
+  font-size: 0.9em;
+}
+.remark-code-line-highlighted {
+  background-color: #268bd240;
+}
+.inverse {
+  background-color: #fdf6e3;
+  color: #002b36;
+  
+}
+.inverse h1, .inverse h2, .inverse h3 {
+  color: #002b36;
+}
+.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
+  color: #002b36;
+}
+.title-slide {
+  background-color: #fdf6e3;
+  
+  
+  
+}
+.title-slide .remark-slide-number {
+  display: none;
+}
+/* Two-column layout */
+.left-column {
+  width: 20%;
+  height: 92%;
+  float: left;
+}
+.left-column h2, .left-column h3 {
+  color: #586e75;
+}
+.left-column h2:last-of-type, .left-column h3:last-child {
+  color: #93a1a1;
+}
+.right-column {
+  width: 75%;
+  float: right;
+  padding-top: 1em;
+}
+.pull-left {
+  float: left;
+  width: 47%;
+}
+.pull-right {
+  float: right;
+  width: 47%;
+}
+.pull-right ~ * {
+  clear: both;
+}
+img, video, iframe {
+  max-width: 100%;
+}
+blockquote {
+  border-left: solid 5px #cb4b16;
+  padding-left: 1em;
+}
+.remark-slide table {
+  margin: auto;
+  border-top: 1px solid #657b83;
+  border-bottom: 1px solid #657b83;
+}
+.remark-slide table thead th {
+  border-bottom: 1px solid #657b83;
+}
+th, td {
+  padding: 5px;
+}
+.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
+  background: #073642;
+}
+table.dataTable tbody {
+  background-color: #002b36;
+  color: #839496;
+}
+table.dataTable.display tbody tr.odd {
+  background-color: #002b36;
+}
+table.dataTable.display tbody tr.even {
+  background-color: #073642;
+}
+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: #839496;
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+  color: #839496 !important;
+}
+
+/* Slide Header Background for h1 elements */
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) > h1 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: #dc322f;
+  color: #002b36;
+  padding: 2rem 4rem 1.5rem 4rem;
+  margin-top: 0;
+  box-sizing: border-box;
+}
+.remark-slide-content:not(.normal):not(.inverse):not(.title):not(.middle):not(.bottom) {
+  padding-top: 7rem;
+}
+
+@page { margin: 0; }
+@media print {
+  .remark-slide-scaler {
+    width: 100% !important;
+    height: 100% !important;
+    transform: scale(1) !important;
+    top: 0 !important;
+    left: 0 !important;
+  }
+}

tests/testthat/css/solarized_dark.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #002b36;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/css/solarized_light.css

@@ -36,7 +36,7 @@ h1, h2, h3 {
 .remark-slide-content {
   background-color: #fdf6e3;
   font-size: 20px;
-  padding: 1em 4em 1em 4em;
+  padding: 1rem 4rem 1rem 4rem;
 }
 .remark-slide-content h1 {
     font-size: 55px;

tests/testthat/test-themes.R

@@ -1,6 +1,6 @@
 context("test-themes")
 
-test_theme_file <- function(theme = "duo") {
+test_theme_file <- function(theme = "duo", theme_file = paste0(theme, ".css"), ...) {
   theme_fun <- switch(
     theme,
     "duo" = duo,
@@ -16,9 +16,8 @@ test_theme_file <- function(theme = "duo") {
   )
 
   tmpfile <- tempfile()
-  theme_file <- paste0(theme, ".css")
 
-  theme_fun(outfile = tmpfile)
+  theme_fun(outfile = tmpfile, ...)
   theme_css <- readLines(tmpfile)
   # Mask package version in test files
   theme_css <- sub("( \\*  Version: )[\\d.-]+", "\\1a.b.c.d.eeee", theme_css, perl = TRUE)
@@ -36,3 +35,8 @@ test_that("mono_light()", test_theme_file("mono_light"))
 test_that("solarized_dark()", test_theme_file("solarized_dark"))
 test_that("solarized_light()", test_theme_file("solarized_light"))
 
+test_that("header_background_enable = TRUE", {
+  test_theme_file("duo", "duo-header_bg.css", header_background_enable = TRUE)
+  test_theme_file("mono_light", "mono_light-header_bg.css", header_background_enable = TRUE)
+  test_theme_file("solarized_dark", "solarized_dark-header_bg.css", header_background_enable = TRUE)
+})