Add this code to the Custom CSS field on the Appearance tab of your All-in-One Chat widget’s settings:
/* Title */
[class*="Header__Name-sc-"] {
color: #000;
}
/* Subtitle */
[class*="Header__AnswerTime-sc-"] {
color: #000;
}
/* Text of the message */
[class*="ChatLayout__MessageContent-sc-"] {
color: #fff;
}
/* Title above the buttons */
[class*="AllInOneButton__Title-sc-"] {
color: #555;
}
/* Buttons in the window */
[class*="ChatButton__DefaultButtonComponent-sc-"]
[class*="ButtonBase__Ellipsis-sc-"] {
color: #000;
}
/* Bubble text */
[class*="BubbleContent__BubbleContentText-sc-"] {
color: #fff;
}