Sun Java System Messenger Express 6 2005Q4 Customization Guide

Modifying Color Sets

This section describes how to modify the Sun Java System Messenger Express user interface color sets shown in Modifying Color Sets.

Figure 2–3 Sun Java System Messenger Express Color Sets

You can customize the default color sets for  items such as the
title bar, tab outlines, and column headers.

You can customize the default color sets for the Sun Java System Messenger Express user interface to change items such as the title bar, tab outlines, and column headers.

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 

Example—Color Sets Modifications

The example shown in Example—Color Sets Modifications customizes the default color set ui[0] to have accent1 color maroon, chrome4 color navy blue, and chrome5 color silver.

Figure 2–4 Example Color Sets Modifications

In this figure the default color set ui[0] has been changed to
accent1 color maroon, chrome4 color navy blue, and chrome5 color silver.

Example—Color Sets Modifications shows the necessary changes to be made in the file main.js.


Example 2–3 Altering Color Sets


var ui = new Array()

ui[0] = new array(’666699’,’
               800000
               ’,’CCCCFF’,’666666’,’
               000080
               ’,’
               C0C0C0
               ’,
’E6E6E6’,’gray90.gif’,’3333CC’,’3333CC’,’333366’,’FFFFFF’,
’000000’,’FFFFFF’,’000000’)