Runtime transformation of images to match a user interface theme

摘要

An application that generates a user interface includes multiple assets, such as icons, that are overlaid onto other user interface elements, such as tool bars, menus, windows, etc. The assets may be configured at runtime to match a user interface theme that utilizes specific colors, fonts, and styles. The application, at runtime, configures an asset to match the user interface theme by adjusting the luminosity of the pixels in the asset. A subset of pixels in the asset is matched to the color of a target background color by altering the luminosity of the subset of pixels in the asset to match the luminosity of the target background color. The luminosity of the remaining pixels is adjusted to match the theme.

主权项

1. A method implemented on at least one computing device having at least one processor and a memory, the method comprising:
obtaining a first bitmap representing an asset having a halo, the first bitmap having a plurality of pixels, each pixel of the plurality of pixels comprising a hue value, a saturation value, and a luminosity value, the halo including a first subset of the plurality of pixels associated with a source luminosity value, the first bitmap having a second subset of the pixels associated with a non-source luminosity value; altering the luminosity value of at least one pixel of the first subset of the plurality of pixels having the source luminosity value to match a target luminosity value, wherein the target luminosity value associated with a background color of a graphic object on which the asset will be overlaid; adjusting the luminosity value of at least one pixel in the second subset to a luminosity value that blends with the target luminosity value; and generating a second bitmap in a red green blue (RGB) color space having the altered luminosity values, the second bitmap for use in rendering a new image onto a display, wherein each step is performed by the at least one processor.