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 |