I've developed a Touch application so I'm a little familiar with SASS/Compass. I'm working on changing some things with the Ext JS 4 theme and am stumped how to change the gradient for buttons. There is this definition:
After a lot of digging it appears that 'glossy-button' eventually gets passed to _background-gradient.scss and a long if-else statement does:
@include background-image(linear-gradient($direction, color_stops(#F7F7F7, #F1F1F1 48%, #DADADA 52%, #DFDFDF)));
So changing the background image of buttons seems different than just changing a variable. How is this done? I don't think I want to change _background-gradient.scss or any of the supplied theme files.
Also, are any of the new Ext JS 4 themes available yet? That would probably give a good example of how to do this.