PDA

View Full Version : How to change the color of header tools/buttons



fordprefect
19 Jul 2012, 10:03 AM
Hi there,

I'm working on creating some new themes and so far so good. I was just wondering if anyone knows how I might go about changing the header tool icon colors from the defaults as shown below:

http://www.sencha.com/forum/image/png;base64,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http://www.sencha.com/forum/image/png;base64,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37336

Would I have to create a custom tool-sprites.gif image or is there a way to do this with sass declarations?

Thanks for any help.

scottmartin
19 Jul 2012, 11:19 AM
The image are located in:
../extjs4/resources/themes/images/default/tools

Scott.

fordprefect
19 Jul 2012, 2:18 PM
Thanks Scott, changing the sprite sheet did the trick.