Change Color "Copy", "Like", and "Dislike" Icons

CSS Codes AI Chatbot
1

Add this code to the Custom CSS field on the Settings tab of your AI Chatbot widget’s settings

/* Change Color of Copy, Like, and Dislike Icons */

/* Copy */
[class*="dialog-message-content__Footer-sc"] button:nth-of-type(1) svg,
[class*="dialog-message-content__Footer-sc"] button:nth-of-type(1) svg path {
fill: #278dc5 !important; // enter your custom color
}

/* Like */
[class*="dialog-message-content__Footer-sc"] button:nth-of-type(2) svg,
[class*="dialog-message-content__Footer-sc"] button:nth-of-type(2) svg path {
  fill: #10ac84 !important; // enter your custom color
}

/* Dislike */
[class*="dialog-message-content__Footer-sc"] button:nth-of-type(3) svg,
[class*="dialog-message-content__Footer-sc"] button:nth-of-type(3) svg path {
  fill: #e14d43 !important; //enter your custom color
}
2

Works like a charm! Thanks a lot for sharing your solution with us, @Sina :blush: