jquery/web-jquery-mobile-theme-roller — Issue #79: icon color selection
Author: uGoMobi
Created: 2012-03-02 15:03:28+00:00
State: open

When you select black icon color instead of white, only the regular global icon set gets the right background-image url. The rule for HD/Retina is still linking to the white image sprite. Also the alt icon set doesn't change from black to white.

/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon, .ui-icon-searchfield:after {
background-image: url(images/icons-18-black.png) /*{global-icon-set}*/;
}
/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt {
background-image: url(images/icons-18-black.png);
}
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-plus, .ui-icon-minus, etc., etc. {
background-image: url(images/icons-36-white.png);
}
.ui-icon-alt {
background-image: url(images/icons-36-black.png);
}
}