Colors¶
The table below contains all the colors used in the SDK:
This is optional and can be omitted if you are not using the corresponding feature
| Key | Description | Default #ARGB |
|---|---|---|
scheme | Specifies whether the theme uses a light or dark color scheme. The provided colors should match the selected scheme | light |
| General | ||
brand | The main accent color of your application | #FF4000FF |
primary | Primary text elements | #FF000000 |
secondary | Secondary text elements | #FF9F9F9F |
onDark | Preferably light color in any scheme to be used on dark, brand and neutral backgrounds It should be contrast enough with brand color | #FFFFFFFF |
onLight | Preferably dark color in any scheme to be used on light backgrounds It should be high contrast with onDark color | #FF000000 |
background | The main background color of the SDK and bottom sheets | #FFFFFFFF |
screen | Zero-elevation background color. For full-screen mode in dark scheme, this color is used asa background color, while bottom sheets inside the SDK will still use the background color. In any scheme it will be usedfor full-screen image galleries It's actually supposed to be black or close to black in any scheme | #FF000000 |
neutral | A neutral background color used for components | #FFF2F2F7 |
border | The color used for component borders | #FFE5E5EA |
outline | Blur outlines and checkmark borders | #FFC7C7CC |
| Selection | ||
selectionBackground | Background color for selection snackbar | #FF000000 |
| Error | ||
errorBackground | Background color for error snackbar | #FFEF5754 |
errorPrimary | Primary color for error text in the snackbar | #FFFFFFFF |
| ProductBar Price | ||
discountedPrice | Color for discounted price text | #FFFB1010 |
| PowerBar | ||
aiuta | Color for Aiuta branding This is not a fully customizable color, you can choose between: - standard to use the Aiuta brand color and- primary to not highlight the Aiuta label. | standard |