Agent chat border color

[Kri]

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");

[Mark Roethof]

Yes I just took the first element I found with the browser inspector, perhaps an element lower is the proper one. You can just have a look yourself using the browser inspector, it's just HTML knowledge, nothing to do with ServiceNow anymore.

Kind regards,
Mark

[Mark Roethof]

For example I just really quickly in 10 seconds changed it now to the below code, works when toggling the chat client, only some other alignment is slightly of now. So just inspect your browser to find the exact correct elements.

.sp-ac-btn {
  border: 5px solid red !important;
  border-radius: 100% !important;
}

Kind regards,
Mark

[Kri]

Thanks, I accept the solution. Can you also look into my other thread?

https://www.servicenow.com/community/developer-forum/agent-chat-message-based-on-schedule-hours/td-p...

[Mark Roethof · 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