Skip to product menu
Skip to main content

Chat Input

You can customize all the aspects like the color of the attachment icon, mic icon, editor text, etc. to match the look and feel of your application.

Description:

KeyDescription
siq_chat_input_attachment_iconcolor

Color of the attachment icon

siq_chat_input_recordiconcolor

Color of the mic icon

siq_chat_input_active_recordiconcolor

Color of the active mic icon

siq_chat_input_hint_textcolor

Color of the input hint text

siq_chat_input_textcolor

Color of the input text

Note: Change in textColorPrimary will also change this attribute color

siq_chat_record_timer_textcolor

Color of the record timer

siq_chat_recordslide_iconcolor

Color of the record slider

siq_chat_recordslide_textcolor

Color of the text in the record slider

siq_chat_recordbutton_backgroundcolor

Background color of the record button
siq_chat_record_timer_indicatorcolor

Recording indicator color

​ 

 

Sample Code:

Copied<item name="siq_chat_input_hint_textcolor">@color/siq_text_hint_darkactionbar</item>
<item name="siq_chat_input_attachment_iconcolor">@color/siq_attachment_icon_darkactionbar</item>
<item name="siq_chat_input_recordiconcolor">@color/siq_mic_icon_darkactionbar</item>
<item name="siq_chat_input_active_recordiconcolor">@color/siq_mic_icon_selected_color_darkactionbar</item>
<item name="siq_chat_input_textcolor">?android:attr/textColorPrimary</item>
<item name="siq_chat_record_timer_indicatorcolor">@color/siq_chat_record_time_icon_color</item>
<item name="siq_chat_record_timer_textcolor">?android:attr/textColorPrimary</item>
<item name="siq_chat_recordslide_textcolor">?android:attr/textColorSecondary</item>
<item name="siq_chat_recordslide_iconcolor">@color/siq_chat_recordslide_iconcolor_darkactionbar</item>
<item name="siq_chat_recordbutton_backgroundcolor">?attr/colorAccent</item>