Design

This section covers how to customize the SDK look to match your app's design.

Color Theme

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

You can set which theme to use with the following method.

[Instabug setColorTheme:IBGColorThemeDark];
Instabug.setColorTheme(.dark)

Primary Color

You can also set the color of UI elements indicating interactivity or call to action to match your app.

Instabug.tintColor = UIColor.lightGrayColor;
Instabug.tintColor = .lightGray

Floating Button

If you set the invocation event to be through the floating button, you have the option to set its position. The CGRectMaxXEdge will add the button to the right edge of the screen. The CGRectMinXEdge will add it to the left edge. The TopOffset specifies the position on the y-axis.

IBGBugReporting.floatingButtonEdge = CGRectMaxXEdge;
IBGBugReporting.floatingButtonTopOffset = 48;
BugReporting.floatingButtonEdge = .maxXEdge
BugReporting.floatingButtonTopOffset = 48

Video Recording Button

If the video recording attachment type is enabled, you can change the position of the red recording button displayed in the screenshot below. The default position of the button is bottom right.

IBGBugReporting.videoRecordingFloatingButtonPosition = IBGPositionTopLeft;
BugReporting.videoRecordingFloatingButtonPosition = .topLeft;