Official Content

The purpose of the Colors Tab is to offer a color scheme, usually defined by graphic designers, to be used in the entire application.

Description

The Colors option allows creating and editing colors in the Color Palette object, in addition to showing the Theme elements that use them. It is accessed from the Theme object. Its main purpose is to contain the colors included in the Palette option of the Color Editor and to allow to change any color globally (to all the objects who use it).

This tab is divided into 2 sections:

  • Color Palette 
    This section contains the colors defined for the palette. It allows creating new colors, as well as deleting, editing and renaming existing colors.
     
  • Used Colors
    This section shows all the colors used in the Theme (that don't belong to the palette). These colors can be modified (this causes the color to be updated in all the objects that use it), added to the palette or deleted. If a color from this section is deleted, the default color is automatically assigned to all the properties that were using it.

ColorsTabOfThemeObjectGX152_png                              

Each Color has, at most, 3 properties:

  • Name  
    Defines the name of the color, the name must be unique. In Used Colors the color is not defined by a name but by its value.
     
  • Value
    Defines the value of the RGB components of the color (the alpha component isn't defined because the Palette is used to define base colors).
     
  • Used By
    Shows a list of the classes that use the color in the Theme.

Note: The colors are defined using the Color Editor.

Color Palette

The color palette defines a Color scheme, that is an arrangement or pattern of colors conceived of as forming an integrated whole. The color palette is usually defined by graphic designers.
The color scheme is composed of the following colors, although you can define more:

  • Dominant
    Is the main color.
     
  • Base
    This is a visually weak, or subordinate, color. It should be used to contrast or complement the dominant color.
     
  • Accent 
    Is used for emphasis in a color scheme. These colors can often be bold or vivid and are used for emphasize or contrast.
     
  • Text
    Is used to define the color of text.
     
  • Accent Text 
    Is used for emphasis in text strings.

For Smart Devices applications, these colors will apply by default to the following properties and classes:

  • Base:
    • Background Color property for: Application class.
  • Dominant:
    • Background Color property for: ApplicationBars, Attribute, AttributeTitle, AttributeSubtitle, AttributeReadOnly, Button, ButtonSectionLink, DashboardOption, DashboardOptionPanoramaItem, Grid, GridRow, GridRowOdd, GridRowEven, Group, GroupSeparator, HorizontalLine, MatrixLineSeparator, Image, Tab, Table, TabPage, TabPageSelected, TabPageUnselected, Table, MatrixCell, MatrixSelectedCell, MatrixAxisTable, MatrixEvenRowTable, MatrixOddRowTable, MatrixSelectedRowTable, TableDetail, TableSection, TextBlock, TextBlockGroupCaption, TextBlockGroupApplicationTitle, TextBlockBackButton, TextBlockSectionTitle, TextBlockTitle, TextBlockSubtitle, Matrix and MatrixAxisLabel classes.
  • Text:
    • Forecolor property for: ApplicationBars, Attribute, AttributeTitle, AttributeSubtitle, AttributeReadOnly, Button, ButtonSectionLink, DashboardOption, DashboardOptionPanoramaItem, TabPage, TabPageSelected, TabPageUnselected, TextBlock, TextBlockGroupCaption, TextBlockGroupApplicationTitle, TextBlockBackButton, TextBlockSectionTitle, TextBlockTitle, TextBlockSubtitle and MatrixAxisLabel classes.
  • Accent:
    • Border Color property for: Attribute, AttributeTitle, AttributeSubtitle, AttributeReadOnly, Button, ButtonSectionLink, DashboardOption, DashboardOptionPanoramaItem, Grid, GridRow, GridRowOdd, GridRowEven, Group, GroupSeparator, Image, Tab, Table, MatrixCell, MatrixSelectedCell, MatrixAxisTable, MatrixEvenRowTable, MatrixOddRowTable, MatrixSelectedRowTable, TableDetail, TableSection, TextBlock, TextBlockGroupCaption, TextBlockGroupApplicationTitle, TextBlockBackButton, TextBlockSectionTitle, TextBlockTitle, TextBlockSubtitle, Matrix and MatrixAxisLabel classes.
    • Highlighted Background Color property for: Attribute, AttributeTitle, AttributeSubtitle, AttributeReadOnly, Button, ButtonSectionLink, DashboardOption, DashboardOptionPanoramaItem, Grid, GridRow, GridRowOdd, GridRowEven, Group, Image, Tab, TabPage, TabPageSelected, TabPageUnselected, Table, MatrixCell, MatrixSelectedCell, MatrixAxisTable, MatrixEvenRowTable, MatrixOddRowTable, MatrixSelectedRowTable, Table, TableDetail, TableSection, TabPage, TextBlock, TextBlockGroupCaption, TextBlockGroupApplicationTitle, TextBlockBackButton, TextBlockSectionTitle, TextBlockTitle, TextBlockSubtitle, Matrix and MatrixAxisLabel classes.
    • Line Color property for: Tab class.
  • Accent Text:
    • Highlighted Forecolor for: Attribute, AttributeTitle, AttributeSubtitle, AttributeReadOnly, Button, ButtonSectionLink, DashboardOption, DashboardOptionPanoramaItem, TabPage, TabPageSelected, TabPageUnselected, TextBlock, TextBlockGroupCaption, TextBlockGroupApplicationTitle, TextBlockBackButton, TextBlockSectionTitle, TextBlockTitle, TextBlockSubtitle, classes.

Availability

This feature is available as of GeneXus Tilo Beta 3






Last update: February 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant