Hi all,

I have created a new UI for toolbar using sass the problem is that when I use this theme and put buttons on them the Masking doesnt works on the button (Icon should display in white due to masking) and button appears with black colored icon. If I remove the toolbar UI it works fine.

here is my code of app.scss file
HTML Code:
$toolbar-base-color: #333333;

$button-gradient: 'flat';$button-radius: 0;

@import 'sencha-touch/default';@import 'sencha-touch/default/all';

// using the icon mixin:@incluse icon('list');@include icon('arrow_left');@include icon('arrow_right');

@include sencha-toolbar-ui('light', #CCCCCC, 'flat');
This is the how I am using toolbar

HTML Code:
{               
 xtype: 'toolbar',               
 ui: 'light',               
 docked: 'top',               
 items: [                    
{                       
 xtype: 'button',                      
  iconCls: 'arrow_left',                       
 iconMask: true,                      
  ui : 'plain'                  
  },                  
  {                       
 xtype: 'spacer'                   
 },                    
{                      
  xtype: 'button',                   
  iconCls: 'arrow_right',                       
 iconMask: true,                       
 ui : 'plain'                   
 }               
 ]            
}
here is what I am getting..

post.png