Define .title-slide *after*.inverse

inst/resources/template.css

@@ -16,12 +16,6 @@ h1, h2, h3 {
   font-weight: {{header_font_weight}};
   color: {{header_color}};
 }
-.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
-  background-color: {{title_slide_background_color}};
-  color: {{title_slide_text_color}};
-  {{ifelse(!is.na(title_slide_background_image), paste0("background-image: url(", title_slide_background_image, ");"), "")}}
-  {{ifelse(!is.na(title_slide_background_image), "background-size: cover;", "")}}
-}
 .remark-code, .remark-inline-code {
   font-family: {{code_font_family}}, {{code_font_family_fallback}}, monospace;
 }
@@ -56,6 +50,12 @@ a, a > code {
 .inverse h1, .inverse h2, .inverse h3 {
   color: {{inverse_header_color}};
 }
+.title-slide, .title-slide h1, ..title-slide h2, .title-slide h3 {
+  background-color: {{title_slide_background_color}};
+  color: {{title_slide_text_color}};
+  {{ifelse(!is.na(title_slide_background_image), paste0("background-image: url(", title_slide_background_image, ");"), "")}}
+  {{ifelse(!is.na(title_slide_background_image), "background-size: cover;", "")}}
+}
 /* Two-column layout */
 .left-column {
   width: 20%;