I have read twice, but still no idea why it is the problem for you.
What exactly you want to customize (different color for what)?
Post your code snippet.
The titlebar/header for the simpleTogglePanel in this case. I'm not really sure how to post a snippet, but I can certainly try if my description doesn't clarify my scenario...
Let's say my current skin is blueSky. So all of my simpleTogglePanels have a title bar that has a light blue to white gradient. But I have a single simpleTogglePanel that I want to have with a different gradient (say red to white).
I guess what I'm looking for is a way to override the gradient color for a component?
so, your current solution is the easiest option.
Seems to be.
Initially I started down the road of having multiple skin definitions, but then I couldn't figure out a way for assigning a skin to part of a page, and then assigning a second skin to the remainder of the page. That would keep me out of the image editor and allow me to tweak each scheme as needed. After looking at the source code for the demo, it looks like only one skin can be active at a time.
If there's a way to have multiple active skins, that would be pretty slick, but right now, I suppose it's all or nothing, correct?
The idea of skin is having one unified look-n-feel for the whole page. So, having two active skins on the same page is against the definition.