From dee5b931154bd777ecd80d8c7bd85239678e78c9 Mon Sep 17 00:00:00 2001
From: Michael Prentice <splaktar@gmail.com>
Date: Sun, 22 Jul 2018 04:07:07 -0400
Subject: [PATCH] fix(bottom-sheet): component theme now supports dark mode

---
 .../bottomSheet/bottom-sheet-theme.scss       |  7 +++---
 .../bottom-sheet-list-template.html           |  2 +-
 .../bottomSheet/demoBasicUsage/style.css      | 22 +++++--------------
 3 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/components/bottomSheet/bottom-sheet-theme.scss b/src/components/bottomSheet/bottom-sheet-theme.scss
index 286a9b475c5..0b73e028ebe 100644
--- a/src/components/bottomSheet/bottom-sheet-theme.scss
+++ b/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 {
diff --git a/src/components/bottomSheet/demoBasicUsage/bottom-sheet-list-template.html b/src/components/bottomSheet/demoBasicUsage/bottom-sheet-list-template.html
index 434dc3411b1..a6a3922e19e 100644
--- a/src/components/bottomSheet/demoBasicUsage/bottom-sheet-list-template.html
+++ b/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>
diff --git a/src/components/bottomSheet/demoBasicUsage/style.css b/src/components/bottomSheet/demoBasicUsage/style.css
index 405a680b70b..9c200c4eeb8 100644
--- a/src/components/bottomSheet/demoBasicUsage/style.css
+++ b/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;
 }