diff --git a/ionic/components/toolbar/test/colors/main.html b/ionic/components/toolbar/test/colors/main.html
index b69d8ac59f..9db7fcfb1d 100644
--- a/ionic/components/toolbar/test/colors/main.html
+++ b/ionic/components/toolbar/test/colors/main.html
@@ -148,52 +148,21 @@
 </ion-toolbar>
 
 
-<ion-toolbar>
-<ion-buttons end>
-  <button #button1 (click)="buttonClick(button1)">
-    <icon star></icon>
-  </button>
-</ion-buttons>
-  <ion-title>Right side menu toggle</ion-title>
+<ion-toolbar transparent>
+  <ion-buttons end>
+    <button #button1 (click)="buttonClick(button1)">
+      <icon star></icon>
+    </button>
+  </ion-buttons>
+  <ion-title>Transparent</ion-title>
   <button menuToggle right>
     <icon menu></icon>
   </button>
 </ion-toolbar>
 
-<ion-toolbar>
-  <ion-buttons end>
-    <button #button2 (click)="buttonClick(button2)">
-      <icon search></icon>
-    </button>
-  </ion-buttons>
-  <ion-segment secondary>
-    <ion-segment-button>
-      Something
-    </ion-segment-button>
-    <ion-segment-button>
-      Else
-    </ion-segment-button>
-  </ion-segment>
-</ion-toolbar>
-
-<ion-toolbar>
-  <ion-segment>
-    <ion-segment-button>
-      Light
-    </ion-segment-button>
-    <ion-segment-button>
-      Toolbar
-    </ion-segment-button>
-    <ion-segment-button>
-      Default Segment
-    </ion-segment-button>
-  </ion-segment>
-</ion-toolbar>
-
 
 <style>
   .toolbar {
     border-bottom: 1px solid black;
-    background: #eee !important;
   }
 </style>
diff --git a/ionic/components/toolbar/test/scenarios/main.html b/ionic/components/toolbar/test/scenarios/main.html
index b4bbfd3482..f4d9aff040 100644
--- a/ionic/components/toolbar/test/scenarios/main.html
+++ b/ionic/components/toolbar/test/scenarios/main.html
@@ -194,6 +194,5 @@
 <style>
   .toolbar {
     border-bottom: 1px solid black;
-    background: #eee !important;
   }
 </style>
diff --git a/ionic/components/toolbar/toolbar.scss b/ionic/components/toolbar/toolbar.scss
index 4aed3d3dff..8da387532d 100644
--- a/ionic/components/toolbar/toolbar.scss
+++ b/ionic/components/toolbar/toolbar.scss
@@ -66,6 +66,15 @@ ion-buttons div {
   pointer-events: auto;
 }
 
+// Transparent Toolbar
+// --------------------------------------------------
+
+.toolbar[transparent] .toolbar-background {
+  background: transparent;
+  border-color: transparent;
+}
+
+
 // TODO this is a temp hack to fix segment overlapping ion-nav-item
 ion-buttons,
 .bar-button-menutoggle {