Colors

When providing a value for style attributes that define color, you can specify a generic color name or its RGB value.

This section describes how to specify a value for style attributes defining colors, such as textColor.

Syntax

{ generic-color | #rrggbb }

generic-color is any of the predefined colors supported by the language.
#rrggbb is a numerical color defined by a red/green/blue specification.

Usage

In most cases it is not possible to know what a potential end-user might expect regarding the font family. Therefore, avoid using explicit font families in your application and use only the fontWeight/fontStyle/fontSize properties. A specific font family is used only if the client cannot determine a proper default font family for the desired platform.

The language defines a set of generic color names, interpreted by the front-end depending on the graphical capability of the workstation.

RGB notation

When a predefined color is not what you require, you can specify the exact color with the RGB notation, starting with a # hash character:<Style name="Edit.mandatory"> <StyleAttribute name="textColor" value="#50AEFF" /> </Style>

Each value of the RGB color specification must be provided in hexadecimal, in the range [00-FF].

GBC System Colors

The next table lists the system colors names that can be used in a color style attribute. Note that the corresponding GBC theme variable gets the same name as the system color, with the "$gbc-genero-" prefix:

Table 1. GBC system color names
System color name	GBC Theme Variable	Description
`appWorkSpace`	`$gbc-genero-appWorkSpace`	Same as `window`.
`background`	`$gbc-genero-background`	Background color.
`buttonFace`	`$gbc-genero-buttonFace`	Button background color.
`buttonText`	`$gbc-genero-buttonText`	Text color of buttons.
`grayText`	`$gbc-genero-grayText`	Grayed (disabled) text.
`highLight`	`$gbc-genero-highLight`	Background color of row(s) selected in a array.
`highLightText`	`$gbc-genero-highLightText`	Text color of row(s) selected in a array.
`infoBackground`	`$gbc-genero-infoBackground`	N/A (same as `window`)
`infoText`	`$gbc-genero-infoText`	N/A (same as `windowText`)
`systemAlternateBackground`	`$gbc-genero-systemAlternateBackground`	Background color of the alternate row in array.
`window`	`$gbc-genero-window`	Window background color.
`windowText`	`$gbc-genero-windowText`	Text in windows.

Note:

GBC theme variables with the "$gbc-genero-" prefix are created by the system color name, and inherited from the theme definitions. Editing variables with this prefix does not effect the GBC theme. For information on editing the GBC theme colors, go to Theme reference in the Genero Browser Client User Guide.

Generic color names

Use generic color names, to keep your style definitions portable across several front-end types.

Table 2. Generic color names
Generic color name	Visual result (1)	RGB value
`black`		`#000000`
`blue`		`#0000FF`
`cyan`		`#00FFFF`
`darkBlue`		`#00008B`
`darkCyan`		`#008B8B`
`darkGray`		`#A9A9A9`
`darkGreen`		`#006400`
`darkMagenta`		`#8B008B`
`darkOlive`		`#505000`
`darkOrange`		`#FF8C00`
`darkRed`		`#8B0000`
`darkTeal`		`#005050`
`darkYellow`		`#AAAA00`
`gray`		`#808080`
`green`		`#008000`
`lightBlue`		`#ADD8E6`
`lightCyan`		`#E0FFFF`
`lightGray`		`#D3D3D3`
`lightGreen`		`#90EE90`
`lightMagenta`		`#FFC0FF`
`lightOlive`		`#AAAA44`
`lightOrange`		`#FFCC00`
`lightRed`		`#FF8080`
`lightTeal`		`#33CCCC`
`lightYellow`		`#FFFFE0`
`magenta`		`#FF00FF`
`olive`		`#808000`
`orange`		`#FFA500`
`red`		`#FF0000`
`teal`		`#008080`
`white`		`#FFFFFF`
`yellow`		`#FFFF00`

Example

<StyleAttribute name="textColor" value="blue" />
<StyleAttribute name="textColor" value="#00FF45" />