Jigx color palette

The Jigx mobile app color palette, or color scheme, is a predefined selection of colors used consistently throughout the mobile application's user interface (UI). The color palette is essential for creating a visually appealing and cohesive user experience.

Default color palette

Below is an image showing the Jigx default color palette, and which UI interfaces use the color.

Selecting default colors in Jigx Builder

While creating your solution you can configure certain components, and widget colors in the YAML to use either the default primary, semantic, or complementary colors. Use intelliSense (ctrl+space) to determine if you can specify a color. If you can choose a color from the list of available colors.

Changing the default colors

You can define colors for branded apps in Jigx Management Organization Settings. Note that any changes to colors in a branded app requires the app to be re-uploaded to the app stores.

Applying colors based on specific conditions

Colors can be configured based on specific conditions. For example, a payment amount exceeding a certain threshold can be displayed in red. However, conditional color configurations are only available in areas that support conditions, such as list items. In contrast, direct color options are more widely supported, for example, lists allow both conditional and direct setups, whereas interactive-images only support direct options. Additionally, certain areas restrict the available color choices, while UI elements support the predefined set of fourteen colors.

• When configuring the color property, select the color conditionboption.

• Under the when property, add an expression that defines the condition under which the specified color should be applied.

color-condition

color:
   - when: [email protected] = true 
     color: color2
   - when: [email protected] = false
     color: color4          

color (no condition)

options:
  color: color2