feat(tabbarStyle): set tabbar color from config/attr

Closes #436

ionic/components/tabs/test/basic/index.ts

@@ -8,14 +8,24 @@
     <ion-navbar *navbar>
       <ion-title>Heart</ion-title>
     </ion-navbar>
-    <ion-content padding>
-      <h2>Tab 1</h2>
+    <ion-content>
+      <ion-list>
+        <ion-header>
+          Tab 1
+        </ion-header>
+        <ion-item *ng-for="#i of items">Item {{i}} {{i}} {{i}} {{i}}</ion-item>
+      </ion-list>
     </ion-content>
     `
 })
 class Tab1 {
   constructor(nav: NavController) {
     this.nav = nav;
+
+    this.items = [];
+    for(var i = 1; i <= 250; i++) {
+      this.items.push(i);
+    }
   }
 }
 
@@ -25,16 +35,33 @@ class Tab1 {
 @Page({
   template: `
     <ion-navbar *navbar>
-      <ion-title>Star</ion-title>
+      <ion-title>Schedule</ion-title>
     </ion-navbar>
-    <ion-content padding>
-      <h2>Tab 2</h2>
+    <ion-content>
+      <ion-list>
+        <ion-item-sliding *ng-for="#session of sessions" #sliding-item>
+          <ion-item>
+            <h3>{{session.name}} {{session.name}} {{session.name}}</h3>
+            <p>{{session.location}} {{session.location}} {{session.location}}</p>
+          </ion-item>
+          <ion-item-options>
+            <button primary>Speaker<br>Info</button>
+            <button secondary>Add to<br>Favorites</button>
+          </ion-item-options>
+        </ion-item-sliding>
+      </ion-list>
     </ion-content>
-    `
+  `
 })
 class Tab2 {
-  constructor(nav: NavController) {
-    this.nav = nav;
+  constructor() {
+    this.sessions = [];
+    for(var i = 1; i <= 250; i++) {
+      this.sessions.push({
+        name: 'Name ' + i,
+        location: 'Location: ' + i
+      });
+    }
   }
 }
 
@@ -54,11 +81,8 @@ class Tab2 {
     </ion-content>
     `
 })
-class Tab3 {
-  constructor(nav: NavController) {
-    this.nav = nav;
-  }
-}
+class Tab3 {}
+
 
 @App({
   template: `
@@ -75,9 +99,9 @@ class Tab3 {
       </ion-content>
     </ion-menu>
 
-    <ion-tabs #content>
-      <ion-tab tab-title="Heart" tab-icon="heart" [root]="root1"></ion-tab>
-      <ion-tab tab-title="Star" tab-icon="star" [root]="root2"></ion-tab>
+    <ion-tabs #content tabbar-style="secondary">
+      <ion-tab tab-title="Plain List" tab-icon="star" [root]="root1"></ion-tab>
+      <ion-tab tab-title="Schedule" tab-icon="globe" [root]="root2"></ion-tab>
       <ion-tab tab-title="Stopwatch" tab-icon="stopwatch" [root]="root3"></ion-tab>
     </ion-tabs>
   `