Flex 4: change baseColor to chromeColor and useChromeColor=true
Keywords: baseColor, chromeColor, colorization, component, Spark, styles
While updating the Gumbo-Components on this blog to flex 4 final I noticed that the style-property baseColor has been changed to chromeColor.
In addition to this the flag useChromeColor can be set to tell the SparkSkin to use chromeColor for colorization. For custom skins this can be set by overriding initializationComplete() in the skin.
override protected function initializationComplete():void { useChromeColor = true; super.initializationComplete(); }
Internally Flex checks this flag in updateDisplayList() of a SparkSkin and uses the value in chromeColor for colorization (respecting exclusions in get colorizeExclusions()).
If you are using Gumbo-Components from this blog that use baseColor be sure to make these adjustments.
Similar Posts
Customize the Spark TextInput Component in Flex 4 (Gumbo). Adding focus and Transitions.
Spark Icon Button with Gradient effects and Filter animation, colorized by styles. Flex 4 (Gumbo)
Custom Component in Flex 4 (Gumbo). A Knob Button - part 1.
Nicer Tooltips and balloon help for Flex 4
Updated components to Flex 4 sdk final

April 18th, 2010 at 10:08 pm
Thanks, that was helpful!
Also, the namespace was changed for halo from:
xmlns:mx=”library://ns.adobe.com/flex/halo”
to:
xmlns:mx=”library://ns.adobe.com/flex/mx”
Ryan