We run a dark grey theme for our Print application. This has required quite a lot of tweaking to get it right and despite using the css way of configuring and skinning all components, Adobe did not have dark palettes in mind when they designed the Halo theme.
E.g.: to get the selected and rollover color right for lists, we had to extend and hack the Activator class because default color handling mixes the theme color with white to get the different shades needed. Which look quite odd in a dark theme.
Often there’s moaning about skinning (at least from me) as it requires cumbersome workarounds. But today I had a very pleasant surprise. The close button for TitleWindow needed to be light instead of black to show up. Documentation shows that a new skin is required. D’oh! That’s usually a trip to Illustrator to draw the needed skin from scratch, but the documentation referred to assets.swf:
The close button up skin. The default value is the “CloseButtonUp” symbol in the Assets.swf file.
Maybe a shortcut? Some quick digging later and I found the assets.swf here “C:\[program files folder]\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\projects\haloclassic\assets”. And not just the swf, but also the full assets.fla. It contains all the assets used for the default Halo theme, beautifully organized in the library. Clear structure, unambiguous names.
That meant that creating a new closeButton skin was a matter of copying library items from assets.fla into my own fla, tinting a couple of x-es and exporting.