UI Color & Theme

Set the Luciq SDK to a light or dark theme in your Android app, then tune the primary color, fonts, backgrounds, and the video recording button.

SDK Themes

The SDK UI has two color themes: light and dark.

Examples of Luciq in light mode (left) and dark mode (right).

You can set which theme to use by adding the following method to Luciq builder.

Kotlin

Luciq.setColorTheme(LuciqColorTheme.LuciqColorThemeLight)

Java

Luciq.setColorTheme(LuciqColorTheme.LuciqColorThemeLight);

Primary Color, Fonts, and Backgrounds

You can also further customize the SDK to match your brand’s design and identity by utilizing the API below. This API offers to set the color of UI elements that indicate interactivity, Font color, types and styles, background color, and call-to-action colors.

Kotlin

Luciq.setTheme(
                LuciqTheme.Builder()
                    .setPrimaryColor(Color.parseColor("#887e64")) //  Color of UI elements that indicate interactivity (Links, or Call To Action)
                    .setPrimaryTextFont(primaryTypeFace!!)
                    .setSecondaryTextFont(secondaryTypeFace!!)
                    .setCtaTextFont(primaryTypeFace!!)
                    .setSecondaryTextColor(Color.parseColor("#69655a"))
                    .setPrimaryTextColor(Color.parseColor("#2d2a21"))
                    .setPrimaryTextStyle(Typeface.BOLD)
                    .setSecondaryTextStyle(Typeface.ITALIC)
                    .setTitleTextColor(Color.parseColor("#b6a886"))
                    .setBackgroundColor(Color.parseColor("#f1e8d3"))
                    .setTitleTextColor(Color.parseColor("#f1e8d3"))
                    .setCtaTextStyle(Typeface.ITALIC)
                    .build()
            );

Java

Luciq.setTheme(
                new LuciqTheme.Builder()
                        .setPrimaryColor(Color.parseColor("#887e64")) //  Color of UI elements that indicate interactivity (Links, or Call To Action)
                        .setPrimaryTextFont(primaryTypeFace)
                        .setSecondaryTextFont(secondaryTypeFace)
                        .setCtaTextFont(primaryTypeFace)
                        .setSecondaryTextColor(Color.parseColor("#69655a"))
                        .setPrimaryTextColor(Color.parseColor("#2d2a21"))
                        .setPrimaryTextStyle(Typeface.BOLD)
                        .setSecondaryTextStyle(Typeface.ITALIC)
                        .setTitleTextColor(Color.parseColor("#b6a886"))
                        .setBackgroundColor(Color.parseColor("#f1e8d3"))
                        .setTitleTextColor(Color.parseColor("#f1e8d3"))
                        .setCtaTextStyle(Typeface.ITALIC)
                        .build()
        );

Parameters Mapping

Report Description	Prompt Menu	Visited Screens	Thank You Message & Alerts	Chats List	Chats Messages & Attachments

Setting Full-Screen Mode

You can use this API to set Luciq to be displayed in full-screen mode, hiding the status and navigation bars.

Kotlin

Luciq.setFullscreen(true) //Enabled
Luciq.setFullscreen(false) //Disabled

Java

Luciq.setFullscreen(true); //Enabled
Luciq.setFullscreen(false); //Disabled

Floating Button

If your invocation event is a floating button, you can set its position in your app. The setFloatingButtonEdge specifies if the button should appear on the left or right side of the screen. The setFloatingButtonOffsetFromTop specifies its position on the y-axis.

Kotlin

BugReporting.setFloatingButtonEdge(LuciqFloatingButtonEdge.RIGHT)
BugReporting.setFloatingButtonOffset(50)

Java

BugReporting.setFloatingButtonEdge(LuciqFloatingButtonEdge.RIGHT);
BugReporting.setFloatingButtonOffset(50);

Video Recording Button

If you've enabled video recordings as attachments, you can change the position of the red recording button displayed in the screenshot below. The default position of the button is bottom right.

An example of the video recording button placed in the bottom right of an app.

Use this method below to set the position of the video recording button.

Kotlin

BugReporting.setVideoRecordingFloatingButtonPosition(LuciqVideoRecordingButtonPosition.BOTTOM_LEFT)

/*
The possible positions are:
BOTTOM_LEFT
BOTTOM_RIGHT
TOP_LEFT
TOP_RIGHT
*/

Java

BugReporting.setVideoRecordingFloatingButtonPosition(LuciqVideoRecordingButtonPosition.BOTTOM_LEFT);

/*
The possible positions are:
BOTTOM_LEFT
BOTTOM_RIGHT
TOP_LEFT
TOP_RIGHT
*/