Theme

All portions of the SDK that are written in compose are designed to be used with the SmartCaptureUiTheme. The SDK is not currently tested with any other theme. Official support and testing for alternative themes will be added in the future. Implementors who wish to use their own theme/override portions of our theme are able to do so at their own risk.

Colors

The default color values for SmartCaptureUiTheme are:

internal val primary = Color(0xFF6464D4)
internal val onPrimary = Color(0xFFFFFFFF)
internal val primaryContainer = Color(0xFFFFFFFF)
internal val onPrimaryContainer = Color(0xFF003264)

internal val secondary = Color(0xFF5A7FA6)
internal val onSecondary = Color(0xFF514565)
internal val secondaryContainer = Color(0xFF102A3C)
internal val onSecondaryContainer = Color(0xFFFFFFFF)

internal val surface = Color(0xFF000D1A)
internal val onSurface = Color(0xFFFAFCFD)
internal val surfaceVariant = Color(0xFFE0E4E5)
internal val onSurfaceVariant = Color(0xFF434748)

internal val background = Color(0xFF020404)
internal val onBackground = Color(0xFFFAFCFD)

internal val error = Color(0xFFFF465A)
internal val onError = Color(0xFFFFFFFF)

internal val outlineVariant = Color(0xFFB0B7BE)

These are provided as a reference and can change without a callout in the migration details.

Typography

The default typography for SmartCaptureUiTheme is:

private val inter = FontFamily(
    Font(R.font.inter_extra_light, FontWeight.ExtraLight),
    Font(R.font.inter_light, FontWeight.Light),
    Font(R.font.inter_thin, FontWeight.Thin),
    Font(R.font.inter_regular, FontWeight.Normal),
    Font(R.font.inter_medium, FontWeight.Medium),
    Font(R.font.inter_semi_bold, FontWeight.SemiBold),
    Font(R.font.inter_bold, FontWeight.Bold),
    Font(R.font.inter_extra_bold, FontWeight.ExtraBold)
)

val Typography = Typography(
    titleLarge = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 48.sp,
        lineHeight = 58.sp
    ),
    titleMedium = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 32.sp,
        lineHeight = 48.sp
    ),
    titleSmall = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 24.sp,
        lineHeight = 32.sp
    ),
    headlineLarge = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 48.sp,
        lineHeight = 58.sp
    ),
    headlineMedium = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 32.sp,
        lineHeight = 48.sp
    ),
    headlineSmall = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 24.sp,
        lineHeight = 32.sp
    ),
    bodyLarge = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.Normal,
        fontSize = 18.sp,
        lineHeight = 28.sp
    ),
    bodyMedium = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.Normal,
        fontSize = 16.sp,
        lineHeight = 24.sp
    ),
    bodySmall = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.Normal,
        fontSize = 14.sp,
        lineHeight = 20.sp
    ),
    labelLarge = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 16.sp,
        lineHeight = 24.sp
    ),
    labelMedium = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.Normal,
        fontSize = 16.sp,
        lineHeight = 24.sp
    ),
    labelSmall = TextStyle(
        fontFamily = inter,
        fontWeight = FontWeight.SemiBold,
        fontSize = 14.sp,
        lineHeight = 16.sp
    )
)

This is provided as a reference and can change without a callout in the migration details.

Colors​

Typography​

Colors

Typography