Dynamic image generation for customizable user interfaces
View Patent ↗A system and method to define icon color of an icon image for program themes. At a server having a processor and storage, an icon definition file that includes a color handle and a shape definition of a first icon are stored. A plurality of cascading style sheets, each corresponding to a respective program theme, are also stored at the server. Each of the cascading style sheets corresponds to a respective program theme and includes a color definition mapped to the color handle. At the server, an active theme from among the program themes and an icon color, using the color definition associated with the active theme, are determined. An icon image for the first icon is then created based on the shape definition and the icon color.
1. A method for defining icon color for program themes, comprising:
at a server having a processor and storage:
storing an icon definition file that includes a color handle and a shape definition of a first icon, wherein the color handle defines a color variable for the first icon, respective style sheets include respective color definitions for the color variable, and a respective color definition specifies a respective color value for the color variable;
storing a plurality of style sheets, each corresponding to a respective program theme, each of the style sheets including a respective color definition mapped to the color handle;
determining an active theme for a specific client device from among the program themes, wherein a first style sheet of the plurality of style sheets corresponds to the active theme, the first style sheet including a first color definition specifying a first color value for the color variable;
determining whether a user profile corresponding to a user of the specific client device includes color information for the first icon, wherein the color information is independent of theme;
in accordance with a determination that the user profile includes the color information, determining an icon color based on the color information;
in accordance with a determination that the user profile does not include the color information, determining an icon color using the first color value specified by the first color definition; and
creating an icon image for the first icon based on the shape definition and the determined icon color.
2. The method of claim 1 , further comprising:
sending the icon image to a client using the active theme for a particular program.
3. The method of claim 1 , wherein the active theme is user-selected from a plurality of themes presented on a client.
4. The method of claim 1 , wherein the shape definition is in a scalable vector graphics format.
5. The method of claim 1 , wherein the icon image is created after a request from the client.
6. The method of claim 1 , wherein the first color definition is user defined.
7. The method of claim 1 , wherein determining the icon color using the first color value specified by the first color definition comprises determining the icon color in accordance with the time of day.
8. A system for defining icon color for program themes, comprising:
memory;
one or more processors; and
one or more modules stored in memory and configured for execution by the one or more processors, the modules comprising instructions to:
store an icon definition file that includes a color handle and a shape definition of a first icon, wherein the color handle defines a color variable for the first icon, respective style sheets include respective color definitions for the color variable, and a respective color definition specifies a respective color value for the color variable;
store a plurality of style sheets, each corresponding to a respective program theme, each of the style sheets including a respective color definition mapped to the color handle;
determine an active theme for a specific client device from among the program themes, wherein a first style sheet of the plurality of style sheets corresponds to the active theme, the first style sheet including a first color definition specifying a first color value for the color variable;
determine whether a user profile corresponding to a user of the specific client device includes color information for the first icon, wherein the color information is independent of theme;
in accordance with a determination that the user profile includes the color information, determine an icon color based on the color information;
in accordance with a determination that the user profile does not include the color information, determine an icon color using the first color value specified by the first color definition; and
create an icon image for the first icon based on the shape definition and the determined icon color.
9. The system of claim 8 , further comprising:
instructions to send the icon image to a client using the active theme for a particular program.
10. The system of claim 8 , wherein the active theme is user-selected from a plurality of themes presented on a client.
11. The system of claim 8 , wherein the shape definition is in a scalable vector graphics format.
12. The system of claim 8 , wherein the icon image is created after a request from a client.
13. The system of claim 8 , wherein the first color definition is user defined.
14. A computer program product for use in conjunction with a computer system, the computer program product comprising a non-transitory computer readable storage medium and a computer program mechanism embedded therein, the computer program mechanism comprising instructions to:
store an icon definition file that includes a color handle and a shape definition of a first icon, wherein the color handle defines a color variable for the first icon, respective style sheets include respective color definitions for the color variable, and a respective color definition specifies a respective color value for the color variable;
store a plurality of style sheets, each corresponding to a respective program theme, each of the style sheets including a respective color definition mapped to the color handle;
determine an active theme from among the program themes, wherein a first style sheet of the plurality of style sheets corresponds to the active theme, the first style sheet including a first color definition specifying a first color value for the color variable;
determine whether a user profile corresponding to a user of the specific client device includes color information for the first icon, wherein the color information is independent of theme;
in accordance with a determination that the user profile includes the color information, determine an icon color based on the color information;
in accordance with a determination that the user profile does not include the color information, determine an icon color using the first color value specified by the first color definition; and
create an icon image for the first icon based on the shape definition and the determined icon color.
15. The computer program product of claim 14 , further comprising:
instructions to send the icon image to a client using the active theme for a particular program.
16. The computer program product of claim 14 , wherein the active theme is user-selected from a plurality of themes presented on a client.
17. The computer program product of claim 14 , wherein the shape definition is in a scalable vector graphics format.
18. The computer program product of claim 14 , wherein the icon image is created after a request from a client.
19. The computer program product of claim 14 , wherein the first color definition is user defined.