Hi,
I have created an custom UI component similar to below
@include extjs-button-ui(
'primarytab-toolbar-medium',
$background-color:#444444,
$background-color-over:#555555,
$background-gradient:color-stops(#333333, #262626 5%, #1A1A1A 100%),
$background-gradient-over: color-stops(#494949 0%,#303030 100%),
$color:#CCCCCC,
$color-over:#FFF,
$color-disabled:#CCCCCC,
$font-weight:bold,
$font-family: $font-family,
$font-family-over: $font-family
);


I generated CSS using the sencha cmd which looks fine. Now I need to create images for supporting IE 8.
I added an entry in the custom.js as below
{
xtype: 'widget.button',
ui: 'primarytab-toolbar-medium'
}


Ideally an image with name as 'btn-primarytab-toolbar-medium-bg.gif' should be generated. But the images generated is btn-primarytab-toolbar-medium-medium-bg.gif . Also the image generated is not having proper gradient.