title: Sencha touch theme: how to customize button icon?
body: <p>I am trying to use sass/compass to customize the Sencha touch theme for my app. However, I couldn't find a way to properly set up the icons for buttons. </p>
  
  <pre><code>@import '../resources/themes/stylesheets/sencha-touch/default/_all';
  $include-default-uis: false;
  $include-default-icons: false;
  @include sencha-toolbar-ui('basebar',#CEDFF5,'glossy');
  @include sencha-toolbar-ui('btmbase',#FFFFFF,'glossy');
  @include sencha-button-ui('base',#FFFFFF,'');
  @include pictos-iconmask('settings');
  @include pictos-iconmask('features');
  @include pictos-iconmask('layer');
  @include pictos-iconmask('identify');
  @include pictos-iconmask('location');
  $base_color:#CEDFF5;
  $active-color: darken(saturate($base-color, 55%), 90%);
  $alert-color:#54E344;
  $button-radius:0;
  $list-active-color:#E34457;
  $list-pressed-color:#4457E3;
  @include sencha-panel;
  @include sencha-form;
  @include sencha-buttons;
  @include sencha-toolbar;
  @include sencha-list;
  @include sencha-layout;
  @include sencha-msgbox;
  </code></pre>
  
  <p>No matter whether I disable/enable the use of default icons, the icons I used are still not out. </p>
  
  <p>Another problem is that by using above style, the Ext.Msg.alert messagebox loses its UI, only a transparent panel with a button show up.</p>
  
  <p>Anybody can give me some hints?</p>