CustomColors

data class CustomColors(val topAppBarColor: Color? = null, val titleColor: Color? = null, val subtitleColor: Color? = null, val messagingWindowBackground: Color? = null, val dateSeparatorBackgroundColor: Color? = null, val dateSeparatorTextColor: Color? = null, val infoTextColor: Color? = null, val receivedMessageBackgroundColor: Color? = null, val receivedMessageOnBackground: Color? = null, @ColorRes val receivedMessageTextColor: Int? = null, val sentMessageBackgroundColor: Color? = null, val sentMessageOnBackground: Color? = null, @ColorRes val sentMessageTextColor: Int? = null, val messageTextFieldColor: Color? = null, val messageCursorColor: Color? = null, val filledButtonsBackgroundColor: Color? = null, val filledButtonTextColor: Color? = null, val outlinedButtonBackground: Color? = null, val outlinedButtonTextColor: Color? = null, val outlinedButtonBorder: Color? = null, @ColorRes val receivedClickableLinkColor: Int? = null, @ColorRes val sentClickableLinkColor: Int? = null, val errorColor: Color? = null, val onErrorColor: Color? = null, val mediaBottomSheetBackground: Color? = null, val typedMessageColor: Color? = null, val disconnectedStateIndicatorBackground: Color? = null, val disconnectedStateIndicatorText: Color? = null, val connectingStateIndicatorBackground: Color? = null, val connectingStateIndicatorText: Color? = null, val connectedStateIndicatorBackground: Color? = null, val connectedStateIndicatorText: Color? = null, val idleTimeoutIndicatorBackground: Color? = null, val idleTimeoutIndicatorText: Color? = null)

CustomColors is a data class that represents the custom colors used for theming in the messaging window. Each property in this class corresponds to a different part of the messaging window that can be themed.

If a property is set to null, the default color from the app's theme will be used instead.

This allows for flexible theming, as you can choose to customize some colors while leaving others as their defaults.

Constructors

Link copied to clipboard
constructor(topAppBarColor: Color? = null, titleColor: Color? = null, subtitleColor: Color? = null, messagingWindowBackground: Color? = null, dateSeparatorBackgroundColor: Color? = null, dateSeparatorTextColor: Color? = null, infoTextColor: Color? = null, receivedMessageBackgroundColor: Color? = null, receivedMessageOnBackground: Color? = null, @ColorRes receivedMessageTextColor: Int? = null, sentMessageBackgroundColor: Color? = null, sentMessageOnBackground: Color? = null, @ColorRes sentMessageTextColor: Int? = null, messageTextFieldColor: Color? = null, messageCursorColor: Color? = null, filledButtonsBackgroundColor: Color? = null, filledButtonTextColor: Color? = null, outlinedButtonBackground: Color? = null, outlinedButtonTextColor: Color? = null, outlinedButtonBorder: Color? = null, @ColorRes receivedClickableLinkColor: Int? = null, @ColorRes sentClickableLinkColor: Int? = null, errorColor: Color? = null, onErrorColor: Color? = null, mediaBottomSheetBackground: Color? = null, typedMessageColor: Color? = null, disconnectedStateIndicatorBackground: Color? = null, disconnectedStateIndicatorText: Color? = null, connectingStateIndicatorBackground: Color? = null, connectingStateIndicatorText: Color? = null, connectedStateIndicatorBackground: Color? = null, connectedStateIndicatorText: Color? = null, idleTimeoutIndicatorBackground: Color? = null, idleTimeoutIndicatorText: Color? = null)

Properties

Link copied to clipboard

Color for the background of the connected state indicator

Link copied to clipboard

Color for the text of the connected state indicator

Link copied to clipboard

Color for the background of the connecting state indicator

Link copied to clipboard

Color for the text of the connecting state indicator

Link copied to clipboard

Background color of the date separator which will divide messages based on date

Link copied to clipboard

Text color of the date separator

Link copied to clipboard

Color for the background of the disconnected state indicator

Link copied to clipboard

Color for the text of the disconnected state indicator

Link copied to clipboard
val errorColor: Color? = null

Color for errors like internet connection error, message sending error

Link copied to clipboard

Background color of the solid button

Link copied to clipboard

Text color of the filled buttons

Link copied to clipboard

Color for the background of the idle timeout indicator

Link copied to clipboard

Color for the text of the idle timeout indicator

Link copied to clipboard
val infoTextColor: Color? = null

Color for showing info like agent name or system, time of message sent or received and participant events

Link copied to clipboard

Color for the background of the media bottom sheet

Link copied to clipboard

Cursor color of the message text field where we type message

Link copied to clipboard

Background color of the message text field where we type message

Link copied to clipboard

Background color of the messaging window

Link copied to clipboard
val onErrorColor: Color? = null

Color for error message text

Link copied to clipboard

Background color of the outlined buttons

Link copied to clipboard

Border color of the outlined buttons

Link copied to clipboard

Text color of the outlined buttons

Link copied to clipboard

Color of the clickable links in the received messages

Link copied to clipboard

Background color of the received message

Link copied to clipboard

onBackground color of the received message bubble

Link copied to clipboard

Text color of the received message

Link copied to clipboard

Color of the clickable links in the sent messages

Link copied to clipboard

Background color of the sent message

Link copied to clipboard

Background color of the sent message bubble

Link copied to clipboard

Text color of the sent message

Link copied to clipboard
val subtitleColor: Color? = null

Subtitle color or tag line name color

Link copied to clipboard
val titleColor: Color? = null

Title color or Bussiness name color

Link copied to clipboard
val topAppBarColor: Color? = null

Top app bar color

Link copied to clipboard

Color for the typed message in text field while sending message