Swatch Duplication - CSS Colors not being duplicated exactly.

[photoman]

When creating a new swatch - (using imported method and using the default theme "A" from jquerymobile.com as the base) - the subsequent swatch ("B") does not duplicate the colors exactly. For example the Text color on the header in swatch A is "#fff" - when the swatch is replicated ("B") - the same element has the color of "#3e3e3e" - instead of the expected "#fff". This also happens on other elements in the replicated swatch.

Steps to reproduce.

1. Import the latest css file (currently jquery.moblie-1.0rc2.css)
2. Delete all swatches except for the first one (A).
3. Duplicate swatch A (Becomes B)
4. Expand the Header/Footer menu on Swatch A - the color is set to #fff)
5. Expand the Header/Footer menu on Swatch B - the color is set to #3E3E3E

Clicking inside the box activates the color picker, if no change is desired or you click out side the color picker, the color (#3E3E3E) is then applied.

When the code is downloaded, the color code matches the code last set in the UI.

Screen shots below.

Base swatch A - showing header/footer panel open: http://imm.io/bobi

Replicated swatch B - showing header/footer panel open: http://imm.io/bob8

[commadelimited]

I can confirm that this is still an issue as of January 7, 2012.

[tybenz]

Sorry it took so long to get to this issue. Adding swatches and importing CSS files should all have the desired effects on the form elements now. Let me know if you have any further issues.