Skip to content

Theme Scheme

Specifies the theme configuration settings that determine the appearance and style of the UI components within the SDK. This includes defining color schemes, typography, and other visual elements to ensure a cohesive and customizable user interface experience.

Theme

Theme {
  color: ColorTheme // (1)!
  label: LabelTheme // (2)!
  image: ImageTheme // (3)!
  button: ButtonTheme // (4)!
  pageBar: PageBarTheme // (5)!
  bottomSheet: BottomSheetTheme // (6)!
  activityIndicator: ActivityIndicatorTheme // (11)!
  selectionSnackbar: SelectionSnackbarTheme // (7)!
  errorSnackbar: ErrorSnackbarTheme // (8)!
  productBar: ProductBarTheme // (9)!
  powerBar: PowerBarTheme // (10)!
}

  1. Defines the color scheme, brand colors, and various color states for UI elements.

    component

  2. Typography and text styling for different label types across the interface.

    component

  3. Shapes, sizes, and error state icon for image views.

    component

  4. Buttons styles, including typography and shape configurations for different button sizes.

    component component

  5. Navigation bar appearance, including title styling and navigation button icons.

    component

  6. Bottom sheet presentation, including grabber appearance and sheet shape for both main SDK and internal sheets.

    component

  7. Multi-selection interface for list views, including selection controls and action buttons.

    component

  8. Error message presentation, including error icons and retry button styling.

    component

  9. Product information display, including typography for product details and optional price styling.

    component

  10. "Powered By Aiuta" branding element appearance.

    component

  11. Appearance and customization of loading indicators.

    component