To Modify Color Sets in the User Interface

To modify color sets in the user interface, edit the ui[] array definitions near the top of the main.js file.

The function refreshColorSet() in main.js sets the color scheme of the user interface to color values such as chrome1 and accent2. These color values are used by the rest of the display functions in main.js.

See refreshColorSet() in main.js for the translation of the ui[] elements to the color values.

The ui[] array can have as many rows as desired. Additional color themes are displayed on the preferences page as new rows are defined in main.js. The user’s JavaScript application will not start when the rows are deleted from the definition script with the user preferences still pointing to a higher color table index than exists in the ui[] array.

See Modifying Color Sets for the color index of ui[] controls.

Table 2–1 Contains the color index of ui[] controls, their names and what they determine

Index	Name	Determines
0	accent0	Not used
1	accent1	Title bar
2	accent2	Not used
3	chrome0	Tab outlines
4	chrome1	Unselected tab background
5	chrome2	Selected tab background, tool bar, column headers, and so on
6	chrome3	Table cell background
7	ch3_img	Not used
8	link0	Unvisited link
9	link1	Visited link (almost always the same as unvisited)
10	link2	Active link
11	positive	Line drawing (white)
12	negative	Line drawing (black)
13	white	Page background color