Palette-based color selection within a user interface theme

• US 8,473,848 B2
• Filed: 09/15/2004
• Issued: 06/25/2013
• Est. Priority Date: 09/15/2004
• Status: Active Grant

• Current Assignee: Malikie Innovations Limited (Key Patent Innovations Limited)
• Original Assignee: Blackberry Limited
• Inventors: Bells, Matthew, Paas, Julian
• Primary Examiner(s): Abdul-Ali, Omar
• Assistant Examiner(s): KEATON, SHERROD L
• Application Number:
  US10/940,672
• Publication Number:
  US 20060059430A1
• Time in Patent Office: 3,205 Days
• Field of Search: 345/765, 345/581, 709/220, 707/513, 715/747, 715/765, 715/744, 715/762, 715/746
• US Class Current: 715/744
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Abstract

Methods and devices that enable the customization of colors in a user interface by using a palette to define colors. The palette includes strings that have color values assigned to them. The strings are referred to in style sheets where color attributes are specified, such that colors can be redefined in the palette rather than in the style sheet.

Claims

1. A method of defining colors for a graphical user interface on a mobile electronic device, the graphical user interface controlling the operation of the mobile electronic device, the graphical user interface having a plurality of interface elements each having visual attributes, the method comprising:

providing on the mobile electronic device a first theme file comprising a first color palette list and a first style sheet,

the first color palette list including a plurality of variable strings each of which has an assigned color value,

the first style sheet specifying color attributes of at least some of the interface elements, at least one of the color attributes of at least one of the interface elements being specified by reference to one of the variable strings;

providing on the mobile electronic device a second theme file comprising a second color palette list,

the second color palette list including a plurality of variable strings each having an assigned color value, wherein the variable strings of the second color palette list are the same as the variable strings of the first color palette list, wherein at least one of the variable strings of the second color palette list have different color values than the corresponding variable strings in the first color palette list,

wherein the second theme file references the first theme file so as to inherit at least some of the visual attributes of the first theme file;

generating the graphical user interface on a display of the mobile electronic device in accordance with the first theme file, wherein the at least one of the color attributes of the interface elements is specified by reference to one of the variable strings of the first color palette list;

receiving a selection of the second theme file; and

re-generating the graphical user interface on the display of the mobile electronic device in accordance with the second theme file in response to the selection, wherein the at least one of the color attributes of the interface elements is specified by reference to one of the variable strings of the second palette list.

2. The method of claim 1, wherein re-generating the graphical user interface comprises re-displaying the graphical user interface with the color attributes of the interface elements specified by reference to the variable strings of the first color palette list replaced with different color attributes specified by the same variable strings in the second palette list.

3. The method of claim 1, wherein the color values assigned to the variable strings comprise RGB triplet values.

4. The method of claim 3, wherein the variable strings comprise a primary color string representing a primary color of the graphic user interface, a secondary color string representing a secondary color of the graphic user interface, and a tertiary color string representing a tertiary color of the graphic user interface, each of the primary, secondary and tertiary color strings having assigned different RGB triplet values.

5. The method of claim 1, wherein at least one of the color attributes of at least some of the interface elements of the first style sheet are specified by direct reference in the first style sheet to a color.

6. The method of claim 1, wherein the color attributes of the interface elements of the first style sheet are defined by one of:

a standard color reference having a non-variable value, an RGB triplet, and a reference to one of the variable strings.

7. The method of claim 1, wherein the color attributes include foreground and background color attributes.

8. The method of claim 1, wherein providing the first theme file onto the mobile electronic device includes pre-loading the first theme file onto the mobile electronic device prior to a delivery of the mobile electronic device to an end user.

9. The method of claim 1, wherein the second theme file is downloaded onto the mobile electronic device over a wireless network to the mobile electronic device.

10. The method of claim 9, wherein the second theme file self-executes upon being downloaded onto the mobile electronic device.

11. The method of claim 1, wherein the mobile electronic device is enabled for wireless communications and the second color palette list comprises color values to customize the graphical user interface to a color scheme set by a carrier that operates a home wireless network of the mobile electronic device.

12. A mobile electronic device, comprising:

a processor;

a display screen connected to the processor for displaying a graphical user interface for controlling the operation of the mobile electronic device, the graphical user interface having a plurality of interface elements each having visual attributes;

a user input device connected to the processor for receiving input;

a storage connected to the processor;

a first theme file stored on the storage comprising a first color palette list and an instruction set,

the first color palette list including a plurality of variable strings each of which has an assigned color value,

the instruction set specifying color attributes of at least some of the interface elements, at least one of the color attributes of at least one of the interface elements being specified by reference to one of the variable strings;

a second theme file stored on the storage comprising a second color palette list,

the second color palette list including a plurality of variable strings each having an assigned color value, wherein the variable strings of the second color palette list are the same as the variable strings of the first color palette list, wherein at least one of the variable strings of the second color palette list have different color values than the corresponding variable strings in the first color palette list;

wherein the second theme file references the first theme file so as to inherit at least some of the visual attributes of the first theme file;

a theme manager associated with the processor which is configured to;

generate the graphical user interface on a display of the mobile electronic device in accordance with the first theme file, wherein the at least one of the color attributes of the interface elements is specified by reference to one of the variable strings of the first color palette list;

receive a selection of the second theme file through the user input device; and

re-generate the graphical user interface on the display of the mobile electronic device in accordance with the second theme file in response to the selection, wherein the at least one of the color attributes of the interface elements is specified by reference to one of the variable strings of the second palette list.

13. The mobile electronic device of claim 12, wherein the instruction set specifies at least some of the color attributes by direct reference to a color.

14. The mobile electronic device of claim 12, wherein the color palette list assigns each of the string variables an RBG triplet representing a color.

15. The mobile electronic device of claim 12, wherein the color attributes of the interface elements of the instruction set are defined by one of:

a standard color reference having a non-variable value, an RGB triplet, and a reference to one of the variable strings.

16. The mobile electronic device of claim 12, wherein the color attributes include foreground and background color attributes.

17. The mobile electronic device of claim 12, wherein the instruction set is a style sheet.

18. The mobile electronic device of claim 12, wherein the variable strings comprise a primary color string representing a primary color of the graphic user interface, a secondary color string representing a secondary color of the graphic user interface, and a tertiary color string representing a tertiary color of the graphic user interface, each of the primary, secondary and tertiary color strings having assigned different RGB triplet values.

19. The mobile electronic device of claim 12, wherein the mobile electronic device is a wireless communications device, the second color palette list comprises color values to customize the graphical user interface to a color scheme set by a carrier that operates a home wireless network of the mobile electronic device.

20. The mobile electronic device of claim 12, wherein the theme manager is configured, when re-generating the graphical user interface, to re-display the graphical user interface with the color attributes of the interface elements specified by reference to the variable strings of the first color palette list replaced with different color attributes specified by the same variable strings in the second palette list.

21. A computer program product having a non-transitory computer-readable medium tangibly embodying computer executable instructions for defining colors for a graphical user interface on a mobile electronic device, the graphical user interface controlling the operation of the mobile electronic device, the graphical user interface having a plurality of interface elements each having visual attributes, the computer program product comprising:

a first theme file comprising a first color palette list and a first style sheet,

the first color palette list including a plurality of variable strings each of which has an assigned color value,

the first style sheet specifying color attributes of at least some of the interface elements, at least one of the color attributes of at least one of the interface elements being specified by reference to one of the variable strings;

a second theme file comprising a second color palette list,

the second color palette list including a plurality of variable strings each having an assigned color value, wherein the variable strings of the second color palette list are the same as the variable strings of the first color palette list, wherein at least one of the variable strings of the second color palette list have different color values than the corresponding variable strings in the first color palette list,

wherein the second theme file references the first theme file so as to inherit visual attributes of the first theme file;

instructions for generating the graphical user interface on a display of the mobile electronic device in accordance with the first theme file, wherein the at least one of the color attributes of the interface elements is specified by reference to one of the variable strings of the first color palette list;

instructions for receiving a selection of the second theme file; and

instructions for re-generating the graphical user interface on the display of the mobile electronic device in accordance with the second theme file in response to the selection, wherein the at least one of the color attributes of the interface elements is specified by reference to one of the variable strings of the second palette list.