Dark style has poor performance

[kbhomes]

To achieve the colors I wanted for the dark styles, I often use -webkit-filter: invert(...), however this has proved to deteriorate performance on some parts of the Google Music pages. I'm not entirely certain yet whether this is due to poorly written CSS selectors or due to the repeated use of -webkit-filter.

The primary areas of performance trouble I could isolate were:

• The thumbs up/down images in each row are implemented as background-images, so in order to change their color to a light alternative, I have to use the invert filter on each row that has a rating. When you scroll through a list of music with many rated songs, the application loses its smoothness.
• Certain player buttons (play, pause, etc.) are inverted using filters in order to make them match the dark scheme, however this also degrades performance, but only when a song is currently playing.

Possible solution that I am considering implementing is to download the spritesheet when the application first loads, invert it with Core Image, hook up a custom NSURLProtocol to point to the inverted image, and then update all CSS classes that require inverts to instead use the inverted image as their background image URL.

Anyways, we'll see, that'll come in v1.1.3 at the earliest.