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:
Key | Description |
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_visitor | Color 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>