Back to All

Several bugs about CSS and Style

I understand that Snatchbot is still in beta, but I hope you can solve this.
I simply want to have what you show in your videos on Youtube: the Facebook Messenger style (theme, skin), that is, local user: white text on blue background, remote user: black text on gray background. But now you display black text for both.
Where has the Messenger theme gone?
So I went to 'Customize colors' (Channels > Web > Edit channel data > Advanced options), but it only gives the option to edit User and Bot message background colors.
Then I tried to use the 'Custom CSS' feature (Channels > Web > Edit channel data -> GET EMBED CODE > Customize your chat window with CSS), but it is completely undocumented (not a single line on the Internet explains what to do), so I started experimenting. I downloaded https://snatchbot.me/css/style.css and edited it, creating a modified version, which I uploaded. The file https://snatchbot.me/custom/.css is created and loaded correctly, but I think style.css and custom.css conflict.
Besides, there's also another file (https://snatchbot.me/getBotChatSettings/) that's loaded and overwrites the settings. The mapping is: User Message - "message_color", Bot message - "bot_message_color".
Analyzing the CSS in style.css I've managed to find the rule '.light{color:#000}', but it applies to both user/bot text colors.