diff --git a/src/components/content/content-theme.scss b/src/components/content/content-theme.scss
index 4095aeddba6..28d19d33e43 100644
--- a/src/components/content/content-theme.scss
+++ b/src/components/content/content-theme.scss
@@ -1,3 +1,4 @@
 md-content.md-THEME_NAME-theme {
   color: '{{foreground-1}}';
+  background-color: '{{background-hue-1}}';
 }
diff --git a/src/components/datepicker/datePicker-theme.scss b/src/components/datepicker/datePicker-theme.scss
index 18cc7a09bf4..4eb46c2ced6 100644
--- a/src/components/datepicker/datePicker-theme.scss
+++ b/src/components/datepicker/datePicker-theme.scss
@@ -1,7 +1,7 @@
 /** Theme styles for mdDatepicker. */
 
 md-datepicker.md-THEME_NAME-theme {
-  background: '{{background-color}}';
+  background: '{{background-hue-1}}';
 }
 
 .md-THEME_NAME-theme {
diff --git a/src/core/services/theming/theming.js b/src/core/services/theming/theming.js
index ad9b9b3f16d..e5987616109 100644
--- a/src/core/services/theming/theming.js
+++ b/src/core/services/theming/theming.js
@@ -551,7 +551,7 @@ function generateAllThemes($injector) {
 
   // The user specifies a 'default' contrast color as either light or dark,
   // then explicitly lists which hues are the opposite contrast (eg. A100 has dark, A200 has light)
-  function sanitizePalette(palette) {
+  function sanitizePalette(palette, name) {
     var defaultContrast = palette.contrastDefaultColor;
     var lightColors = palette.contrastLightColors || [];
     var strongLightColors = palette.contrastStrongLightColors || [];