fix(bottom-sheet): component theme now supports dark mode

src/components/bottomSheet/bottom-sheet-theme.scss

@@ -1,7 +1,6 @@
-
 md-bottom-sheet.md-THEME_NAME-theme {
-  background-color: '{{background-50}}';
-  border-top-color: '{{background-300}}';
+  background-color: '{{background-color}}';
+  border-top-color: '{{background-hue-3}}';
 
   &.md-list {
     md-list-item {
@@ -10,7 +9,7 @@ md-bottom-sheet.md-THEME_NAME-theme {
   }
 
   .md-subheader {
-    background-color: '{{background-50}}';
+    background-color: '{{background-color}}';
   }
 
   .md-subheader {

src/components/bottomSheet/demoBasicUsage/bottom-sheet-list-template.html

@@ -6,7 +6,7 @@
       <md-button
           ng-click="listItemClick($index)"
           md-autofocus="$index == 2"
-          class="md-list-item-content" >
+          class="md-list-item-content">
         <md-icon md-svg-src="{{item.icon}}"></md-icon>
         <span class="md-inline-list-icon-label">{{ item.name }}</span>
       </md-button>

src/components/bottomSheet/demoBasicUsage/style.css

@@ -1,47 +1,35 @@
 .md-inline-list-icon-label {
   display: inline-block;
   padding-left: 10px;
-  padding-right:10px;
+  padding-right: 10px;
   margin-top: -10px;
   height: 24px;
   vertical-align: middle;
-
 }
-
 .md-grid-item-content {
-  height:90px;
-  padding-top:10px;
+  height: 90px;
+  padding-top: 10px;
 }
 .md-grid-item-content md-icon {
   height: 48px;
   width: 48px;
 }
-
 .md-grid-text {
   padding-bottom: 5px;
-  }
-
-
+}
 md-list-item, md-list-item .md-list-item-inner {
   min-height: 48px;
-
 }
-
 h2 {
   line-height: 36px;
-    padding-top: 10px;
+  padding-top: 10px;
 }
-
-
 .md-subheader .md-subheader-inner {
   padding: 0;
 }
-
-
 md-toast .md-toast-content {
   background-color: #B14141;
 }
-
 md-toast > * {
   font-weight: bolder;
 }