The CSS rule provided below will allow you to change the color of your AI Chatbot’s online indicator. Any questions? Please let me know. Enjoy! /* Change Color of Online Indicator */ [class*="window-header__OnlineStatus-sc"] { background: #10ac84 !important; // change this value to your favorit…

Hi there, @Petar_Dietrich :waving_hand: I’ve just checked this code and it didn’t work on my end. However, the good news is that you don’t have to use a CSS code to change the color of the Online Status indicator, since the widget offers a special setting for this :slightly_smiling_face: [image] …

Perfect! Thank you. I was unaware of that. Feel free to edit/delete my related post. Also, to ensure consistency, can you guys kindly add Theme Customization color options for the Chatbot’s “Copy”, “Like”, and “Dislike” icons? See below. Reference: Useful Tip: How to Change Color of AI Chatbot "Co…

How to Change Color of AI Chatbot Online Indicator

Ask the Community Customization

Max June 22, 2026, 5:39pm 5

Sure, I’ve added this idea to the Wishlist. Feel free to upvote it - Add option to change color of Copy, Like and Dislike buttons individually

Topic		Replies	Views
Change Online Status Dot Color WhatsApp Chat Released	3	209	October 11, 2022
Useful Tip: How to Change Color of AI Chatbot "Copy", "Like", and "Dislike" Icons Customization ai-chatbot	4	57	June 16, 2026
🔥 Add a Pulsating "Online" Indicator to Your AI Chatbot Pro Tips ai-chatbot	2	308	August 17, 2026
Change link color in bot messages AI Chatbot	0	31	March 5, 2026
AI Chatbot icon and text colors switch to black on site General Questions ai-chatbot	5	69	May 22, 2025

How to Change Color of AI Chatbot Online Indicator

Related topics