Chat Bubble

You can customize color and properties of the Chat bubble - like the color of the chat bubble color, messages, time text, etc. to match the look and feel of your application.

Description:

KeyDescription
siq_chat_message_backgroundcolor_ operator

Color of the chat bubble (operator)

siq_chat_message_backgroundcolor_ visitor

Color of the chat bubble (visitor)

Note: Change in colorAccent will also change this attribute color

siq_chat_message_textcolor_operator

Color of the operator message

Note: Change in textColorPrimary will also change this attribute color

siq_chat_message_textcolor_visitor

Color of the visitor message

siq_chat_message_time_textcolor

Color of the time text

Note: [Change in textColorTertiary will also change this attribute color]

siq_chat_message_sendername_textcolor

Color of the sender's name 
siq_message_status_sendingColor indicating the sending status of the last message in the message bubble.
siq_message_status_sentColor indicating the sent status of the last message in the message bubble.
siq_message_status_readColor indicating the read status of the last message in the message bubble.

 

Sample Code:

Copied<item name="siq_chat_message_backgroundcolor_operator">@color/siq_chatbubble_background_operator_darkactionbar</item>
<item name="siq_chat_message_backgroundcolor_visitor">?attr/colorAccent</item>
<item name="siq_chat_message_textcolor_operator">?android:attr/textColorPrimary</item>
<item name="siq_chat_message_textcolor_visitor">@color/siq_chatbubble_textcolor_visitor_darkactionbar</item>
<item name="siq_chat_message_sendername_textcolor">?android:attr/textColorTertiary</item>
<item name="siq_chat_message_time_textcolor">?android:attr/textColorTertiary</item>
<item name="siq_message_status_sending">@color/siq_message_status_sending_or_sent_color</item>
<item name="siq_message_status_sent">@color/siq_message_status_sending_or_sent_color</item>
<item name="siq_message_status_read">@color/siq_message_status_read_color</item>