fix(title): support color

ionic-team · Jul 28, 2018 · 7da0ac4 · 7da0ac4
1 parent 520da8d
commit 7da0ac4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -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">