fix(datepicker): calendar panel theme supports dark mode in multi the…

…me scenario (angular#11267) Closes angular#11265
butdy · Jun 22, 2018 · 9e6553d · 9e6553d
1 parent ee7d3fa
commit 9e6553d
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/components/datepicker/calendar-theme.scss b/src/components/datepicker/calendar-theme.scss
@@ -1,14 +1,14 @@
 /** Theme styles for mdCalendar. */
+.md-THEME_NAME-theme {
+  .md-calendar {
+    background: '{{background-hue-1}}';
+    color: '{{foreground-1-0.87}}';
 
-.md-calendar.md-THEME_NAME-theme {
-  background: '{{background-hue-1}}';
-  color: '{{foreground-1-0.87}}';
-
-  tr:last-child td {
-    border-bottom-color: '{{background-hue-2}}';
+    tr:last-child td {
+      border-bottom-color: '{{background-hue-2}}';
+    }
   }
-}
-.md-THEME_NAME-theme {
+
   .md-calendar-day-header {
     background: '{{background-500-0.32}}';
     color: '{{foreground-1-0.87}}';
@@ -46,4 +46,8 @@
   .md-calendar-month-label-disabled {
     color: '{{foreground-3}}';
   }
+
+  .md-calendar-month-label md-icon {
+    color: '{{foreground-1}}';
+  }
 }