Skip to content

Android theme properties not applied (card background, card border, checkbox tint) #25

@ievitchenko

Description

@ievitchenko

SDK: @sumsub/react-native-mobilesdk-module
Platforms tested: iOS (works correctly), Android (theme partially ignored)
Issue type: Theme not applied / inconsistent behavior between iOS and Android

Description
When providing the same theme object for both iOS and Android, the UI looks correct on iOS but Android ignores several theme properties, resulting in visual inconsistencies.

Specifically:
Cards
On iOS: background and border styling is applied correctly.
On Android: cards still appear with the default transparent background and default border, even when the same values are passed.
Adding an explicit android.colors block does not change the result.
Checkbox tint (fieldTint)
On iOS: the checkbox correctly changes color according to fieldTint.
On Android: the checkbox remains system default blue, regardless of the value provided in fieldTint.

IOS:
Image
Image

Android:
Image
Image

Theme snippet used (tried with and without android properties block)

{
  universal: {
    colors: {
      backgroundCommon: appTheme.colors.background.main,
      backgroundNeutral: appTheme.colors.background.secondary,
      navigationBarItem: appTheme.colors.primary,
      alertTint: appTheme.colors.primary,
      contentLink: appTheme.colors.button.primary,
      contentInfo: appTheme.colors.primary,
      primaryButtonBackground: appTheme.colors.button.primary,
      primaryButtonBackgroundDisabled: appTheme.colors.button.disabled,
      primaryButtonBackgroundHighlighted: appTheme.colors.button.active,
      fieldTint: appTheme.colors.primary,
      cardPlainBackground: appTheme.colors.background.secondary,
      cardBorderedBackground: appTheme.colors.background.secondary,
    },
    metrics: {
      buttonCornerRadius: 16,
      documentFrameCornerRadius: 18,
      cardCornerRadius: 16,
      fieldCornerRadius: 18,
      fieldHeight: 56,
      fieldBorderWidth: 0,
      cardBorderWidth: 0,
      buttonHeight: 56,
      verificationStepCardStyle: 'filled',
      documentTypeCardStyle: 'filled',
    },
  },
 // Tried with and without this block
  android: {
    colors: {
      cardPlainBackground: appTheme.colors.background.secondary,
      cardBorderedBackground: appTheme.colors.background.secondary,
    },
    metrics: {
      verificationStepCardStyle: 'plain',
      documentTypeCardStyle: 'plain',
      supportItemCardStyle: 'plain',
      selectedCountryCardStyle: 'plain',
    },
  },
}

Request
Can you please confirm:
Are these theme properties currently supported on Android?
Is there a workaround for applying: card background, card border, checkbox tint on Android?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions