search

jquery / themeroller.jquerymobile.com

ThemeRoller site for jQuery Mobile
Other
140 stars 73 forks source link

Black icon theme: Generated for etina sprite is white #110

Closed areijngoudt closed 12 years ago

areijngoudt commented 12 years ago

When the Black Icons without Disc is choosen, the Retina sprite for all icons except ui-icon-alt uses the white variant. The following is part of the generated theme css file. The line with /* PATCH */ is changed by me to solve this problem.

@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, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
    background-image: url(images/icons-36-black.png); /* PATCH changed white to black */
    -moz-background-size: 776px 18px;
    -o-background-size: 776px 18px;
    -webkit-background-size: 776px 18px;
    background-size: 776px 18px;
}
.ui-icon-alt {
    background-image: url(images/icons-36-black.png);
}

}

jaspermdegroot commented 12 years ago

Closing as duplicate of #109