I had this ready for you, and suddenly, you removed the previous initial message, and I didn't send it. As I have it, I will post it. Maybe it's useful. You can customize it to look like the page color scheme. It's the stuff from the styler as @quick-musician-29561 pointed out:
/* Styling for the chat container, including color, scrollbar width and color, and border */
.bpw-chat-container {
background-color: #00ff00;
scrollbar-width: thin;
scrollbar-color: #f5f5f5 #ffff00;
border: none;
}
/* Styling for the keyboard single choice option */
.bpw-keyboard-single-choice {
background-color: #000000;
border: none;
}
/* Changes the fill color of the header icons to white */
.bpw-header-icon,
.bpw-header-icon svg,
.bpw-header-icon svg path {
fill: #ffffff !important;
}
/* Changes the color of the placeholder text in the input message */
#input-message::placeholder {
color: rgba(0,0,0,.30);
}
/* Place where you type */
.bpw-composer{
background-color: #00ff00;
}
.bpw-composer textarea{
outline: none !important;
border: 1px solid rgba(0,0,0,.15);
}
.bpw-composer textarea:focus{
outline: none !important;
border: 1px solid rgba(0,0,0,.30);
}
/* Styling for the keyboard single choice option */
.bpw-keyboard-single-choice {
background-color: #000000;
border: none;
}