From 7da0ac43734b06cf64ccbd1d714c530166a89ae9 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Sat, 28 Jul 2018 19:01:36 +0200
Subject: [PATCH] fix(title): support color

---
 core/src/components/title/title.scss | 4 ++++
 core/src/components/title/title.tsx  | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/core/src/components/title/title.scss b/core/src/components/title/title.scss
index 9109e9bbc4..9e0a32551c 100644
--- a/core/src/components/title/title.scss
+++ b/core/src/components/title/title.scss
@@ -12,6 +12,10 @@
   transform: translateZ(0);
 }
 
+:host(.ion-color) {
+  color: #{current-color(base)};
+}
+
 .toolbar-title {
   display: block;
 
diff --git a/core/src/components/title/title.tsx b/core/src/components/title/title.tsx
index 30b410ec59..5859625b18 100644
--- a/core/src/components/title/title.tsx
+++ b/core/src/components/title/title.tsx
@@ -1,5 +1,6 @@
 import { Component, Prop } from '@stencil/core';
 import { Color, Mode } from '../../interface';
+import { createColorClasses } from '../../utils/theme';
 
 @Component({
   tag: 'ion-title',
@@ -21,6 +22,12 @@ export class ToolbarTitle {
    */
   @Prop() color?: Color;
 
+  hostData() {
+    return {
+      class: createColorClasses(this.color)
+    };
+  }
+
   render() {
     return [
       <div class="toolbar-title">