Conversation
You can customize all the aspects like the timer, open badge, icon for unread message count, etc., in the Conversations tab of the chat window.
Description:
Key | Description |
siq_backgroundcolor | Color of background for activity |
siq_conversation_lisitem_backgroundcolor | Background color of the list item |
siq_conversation_status_textcolor | Color of the status of an operator in the conversation list |
siq_conversation_status_backgroundcolor | Background color of the status of an operator in the conversation list |
siq_conversation_title_textcolor | Color of the title used in the conversation list (Change in textColorPrimary will also change this attribute color) |
siq_conversation_subtitle_textcolor | Color of the subtitle (question or last message)used in the conversation list (Change in textColorSecondary will also change this attribute color) |
siq_conversation_time_textcolor | Color of the time in the conversation list (Change in textColorTertiary will also change this attribute color) |
siq_conversation_unreadbadge_textcolor | Color of the unread message count of the corresponding chat |
siq_conversation_unreadbadge_backgroundcolor | Background color of the unread message count of the corresponding chat |
siq_conversation_timer_textcolor | Color of the timer when the chat is about to end |
siq_conversation_timer_iconcolor | Color of the session clock when the chat is about to end |
siq_conversation_item_message_status_sending | Color indicating the sending status of the last message in the conversation list view |
siq_conversation_item_message_status_sent | Color indicating the sent status of the last message in the conversation list view |
siq_conversation_item_message_status_read | Color indicating the read status of the last message in the conversation list view |
siq_image_viewer_toolbar_icon_color | Icon color of the Image viewer toolbar |
siq_conversation_empty_state | Image of conversation's empty state |
siq_conversation_search_empty_state | Image of conversation's search empty state |
Sample Code:
Copied<item name="siq_backgroundcolor">?attr/siq_backgroundcolor</item>
<item name="siq_conversation_listitem_backgroundcolor">?attr/siq_backgroundcolor</item>
<item name="siq_conversation_title_textcolor">?android:attr/textColorPrimary</item>
<item name="siq_conversation_subtitle_textcolor">?android:attr/textColorSecondary</item>
<item name="siq_conversation_time_textcolor">?android:attr/textColorTertiary</item>
<item name="siq_conversation_unreadbadge_textcolor">@color/siq_conversation_unreadbadge_textcolor_darkactionbar</item>
<item name="siq_conversation_unreadbadge_backgroundcolor">?attr/colorAccent</item>
<item name="siq_conversation_status_backgroundcolor">@color/siq_conversation_status_backgroundcolor</item>
<item name="siq_conversation_status_textcolor">@color/siq_conversation_status_textcolor</item>
<item name="siq_conversation_timer_textcolor">@color/siq_conversation_timer_textcolor</item>
<item name="siq_conversation_timer_iconcolor">@color/siq_conversation_timer_iconcolor</item>
<item name="siq_conversation_item_message_status_sending">@color/siq_conversation_message_status_sending_or_sent_color</item>
<item name="siq_conversation_item_message_status_sent">@color/siq_conversation_message_status_sending_or_sent_color</item>
<item name="siq_conversation_item_message_status_read">?attr/colorAccent</item>
<item name="siq_image_viewer_toolbar_icon_color">@color/white</item>
<item name="siq_conversation_empty_state">@drawable/empty_converation_state</item>
<item name="siq_conversation_search_empty_state">@drawable/empty_search_converation_state</item>