title: How to change the color of the title in title bar
body: <p>In my application, i am trying to change the color of the title. For that, i put some themes in app.scss file. I am able to change the background color of the title bar. But color of the title is not changing. My app.scss file is like this:</p>
  
  <pre><code>    $base-color: #588aad; // go big blue!$include_default_icons: false;
  @import 'sencha-touch/default/all';
  @include sencha-panel;
  @include sencha-buttons;
  @include sencha-sheet;
  @include sencha-picker;
  @include sencha-tabs;
  @include sencha-toolbar;
  @include sencha-toolbar-forms;
  @include sencha-indexbar;
  @include sencha-list;
  @include sencha-layout;
  @include sencha-form;
  @include sencha-msgbox;
  @include sencha-loading-spinner;
  
  
  @include pictos-iconmask("bookmarks");
  @include pictos-iconmask("compose");
  @include pictos-iconmask("trash");
  @include pictos-iconmask("search");
  @include pictos-iconmask("bookmark2");
  
  
  @include sencha-toolbar-ui('blue', #EEEEEE,'matte');
  .x-toolbar .x-toolbar-title {
      color: #5a3d23;
  }
  </code></pre>
  
  <p>And this is my panel code:</p>
  
  <pre><code>  Ext.define('MyApp.view.TitlePanel', {
      extend: 'Ext.Panel',
  
      config: {
          modal: false,
          items: [
              {
                  xtype: 'titlebar',
                  docked: 'top',
                  height: 120,
                  ui: 'blue',
                  title: 'Teritree Bussiness Portal',
                  items: [
                      {
                          xtype: 'image',
                          docked: 'left',
                          height: 118,
                          width: 202,
                          src: 'resources/images/Logo.PNG'
                      }
                  ]
              }
          ]
      }
  
  });
  </code></pre>
  
  <p>Can any one please help???
  Thanks in advance..</p>