Audio

You can customize all the aspects like the color of the background of the action icons, timer text, seekbar, etc. to match the look and feel of your application.

Description:

KeyDescription
siq_chat_audio_actionicon_backgroundcolor_operator

Color of the background of action icon in the audio message (operator)

Note: Change in colorAccent will also change this attribute color

siq_chat_audio_actionicon_backgroundcolor_visitorColor of the background of action icon in the audio message (visitor)

siq_chat_audio_actioniconcolor_operator

Color of action icon of the audio message (operator)

siq_chat_audio_actioniconcolor_visitor

Color of action icon of the audio message (visitor)

Note: Change in colorAccent will also change this attribute color

siq_chat_audio_timertextcolor_operator

Color of the timer text in the audio message (operator)

Note: Change in textcolorPrimary (or) siq_operator_textcolor will also change this attribute color

siq_chat_audio_timertextcolor_visitor

Color of the timer text in the audio message (visitor)

Note: Change in siq_visitor_textcolor will also change this attribute color

siq_chat_audio_seekbar_thumbcolor_operator

Color of thumb in the seekbar of the audio message (operator)

siq_chat_audio_seekbar_thumbcolor_visitor

Color of thumb in seekbar of audio message (visitor)

siq_chat_audio_seekbarcolor_operator

Color of the seekbar in the audio message (operator)

siq_chat_audio_seekbarcolor_visitor

Color of the seekbar in the audio message (visitor)

Sample Code:

Copied<item name="siq_chat_audio_actioniconcolor_operator">@color/white</item>
<item name="siq_chat_audio_actioniconcolor_visitor">?attr/colorAccent</item>
<item name="siq_chat_audio_actionicon_backgroundcolor_operator">?attr/colorAccent</item>
<item name="siq_chat_audio_actionicon_backgroundcolor_visitor">@color/white</item>
<item name="siq_chat_audio_timertextcolor_operator">?attr/siq_chat_message_textcolor_operator</item>
<item name="siq_chat_audio_timertextcolor_visitor">?attr/siq_chat_message_textcolor_visitor</item>
<item name="siq_chat_audio_seekbar_thumbcolor_operator">?attr/colorAccent</item>
<item name="siq_chat_audio_seekbar_thumbcolor_visitor">@color/white</item>
<item name="siq_chat_audio_seekbarcolor_operator">?attr/colorAccent</item>
<item name="siq_chat_audio_seekbarcolor_visitor">@color/white</item>