Understanding the basics

Jigx color palette

3min

The 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 default color palette, and which UI interfaces use the color.

Jigx color palette
Jigx color palette


Selecting default colors in 

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 specifiy a color. If you can choose a color from the list of available colors.

Selecting colors in Jigx Builder
Selecting colors in Jigx Builder


Changing the default colors

You can define colors for branded apps in 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 condition option.
  • Under the when property, add an expression that defines the condition under which the specified color should be applied.
color-condition
color (no condition)





Updated 26 Feb 2025
Doc contributor
Did this page help you?
PREVIOUS
Authentication
NEXT
Jigx icons
Docs powered by Archbee