If you happen to download our latest Flex 4 (Gumbo) nightly build (build 5101 or later) and compile an application, you will probably notice that the look of your application may have completely changed. Recently, new spark skins were implemented for all of our Halo Flex 3 components. This includes a new “Spark” skin for components like DataGrid, DateChooser, DateField, TabNavigator etc, which do not have equivalent components in the new Gumbo architecture. This way, when you are building a brand new application in Flex 4, you will be able to mix the new Gumbo components with Flex 3 halo components, and they will all look the same. Here is a sample of what the new default skin looks like :
Here are a couple of things to note about these new skins:
1. The default size of text is now Arial 12.
2. The default size of many components has changed. For example, if you have a Button in a Flex 3 application with no width or height set, it will be much wider when compiled in Flex 4.
3. Many of the styles that are supported in the halo (flex 3) theme is not supported in this Spark theme such as cornerRadius, fillColors, themeColor, etc. The only styles supported are those supported by our Spark components. (see #4)
4. The styles supported by the skins are baseColor, symbolColor, focusColor, contentBackgroundColor, color, rollOverColor and selectionColor.
5. There are still a lot of bugs with the spark theme on our Flex 3 components. Just Friday, I filed about 10 bugs on the components! If you care to see the bugs, search for “spark_skins” in the subject line of a bug in JIRA.
6. You can compile your application with this Gumbo build and use the old halo theme instead of the Spark theme which is now the default. To do this, add the argument “-theme=../frameworks/themes/Halo/halo.swc” to your compiler arguments.
To get an idea of what these skins look like, check them out here: SparkSkins.swf
The source for this application is here: SparkSkins.mxml
To download a new nightly build with the Spark skin defaults, go to opensource.adobe.com.