Agent chat border color

Kri
Tera Guru

I changed the background color and icon of the Agent chat from the Theme using the below script, I also want to add a border color to this Agent chat is there a way for adding it?

$sp-agent-chat-bg: #ffffff;
$sp-agent-chat-btn-open: url("/atlas_chat_button.png");
$sp-agent-chat-btn-close: url("/atlas_chat_button.png");

Krishna124_0-1686644099157.png

 

 

Krishna124_0-1686656548268.png

 

 

1 ACCEPTED SOLUTION

I've bookmarked your next question, will try to look at it tomorrow, already spend too much time today on Community helping others for free 🙂

 

Do close this question please.

 

Kind regards,
Mark

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

View solution in original post

8 REPLIES 8

Kri
Tera Guru

@Mark Roethof any update?

I think thats possible, though not with using the Theme record you used to replace the images. I think this should be done for example using a CSS Include, which is associated to the Theme record.

 

I'll try to make a small example.

 

Kind regards,
Mark

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

I just looked for the Theme record associated with the portal, and added a CSS Include and Stylesheet:

 

va1.png

In the Stylesheet just added CSS code, which I came up with using the browser inspector:

va2.png

And this is the result:

va3.png

Kind regards,
Mark

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Perfect, I'm getting the output but once I clicked the button I see big red line coming in the background of the Chat window

Krishna124_0-1686672617302.pngKrishna124_1-1686672653564.png