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 }
  1. generic-color is any of the predefined colors supported by the language.
  2. #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" />