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].

Generic color names

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

Note: The exact rendered color depends on front-end type.

Table 1. 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" />