From 0ea2533b80c6150082c48c47ee9c90658c3a801e Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Thu, 22 Jun 2017 18:51:59 +0200
Subject: [PATCH] chore(demo-app): fix tabs being unrecognizable in dark theme
 (#5214)

* The tabs demo is the only demo that still overwrites the associated component with CSS that makes it not testable in dark themes (through the dark theme switcher)
* This commit replaces those CSS selectors with CSS that works in dark themes too
---
 src/demo-app/tabs/tabs-demo.scss | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/demo-app/tabs/tabs-demo.scss b/src/demo-app/tabs/tabs-demo.scss
index 4d93d9598ca..767ff004d70 100644
--- a/src/demo-app/tabs/tabs-demo.scss
+++ b/src/demo-app/tabs/tabs-demo.scss
@@ -1,9 +1,13 @@
-.demo-nav-bar {
-  border: 1px solid #e0e0e0;
+.demo-nav-bar, .demo-tab-group {
+  border: 1px solid #e8e8e8;
   margin-bottom: 40px;
-  .mat-tab-nav-bar {
-    background: #f9f9f9;
+
+  .unicorn-dark-theme & {
+    border-color: #464646;
   }
+}
+
+.demo-nav-bar {
   sunny-routed-content,
   rainy-routed-content,
   foggy-routed-content {
@@ -13,17 +17,11 @@
 }
 
 .demo-tab-group {
-  border: 1px solid #e0e0e0;
-  margin-bottom: 40px;
   flex-grow: 1;
-  .mat-tab-header {
-    background: #f9f9f9;
-  }
 }
 
 tabs-demo .mat-card {
   width: 160px;
-
 }
 
 .demo-dynamic-tabs {