Announcements
Working to build a chat bot, I’ve created it so a button on our website launches a small window in the bottom right corner (instead of using the standard iframe code). I can’t seem to find a way (if possible) to change the header color (dark green teal). I’ve tried looking at the source code, can’t seem to find any css that will override the color and the site that appears related to changing it through a script doesn’t seem to work when I try (although those directions read like they don’t apply to the iframe anyway, so not sure about that). Was hoping it would be fairly easy to change. Any ideas?
Hi , @tstewart2024
According to your description, you want to modify the Pva banner color?As searched , you can customize the css by js code:Customize the Web Chat canvas - Microsoft Copilot Studio | Microsoft Learn
Web Chat customization in the Bot Framework SDK - Bot Service | Microsoft Learn
And if you want to update the banner color for pva , you can just replace this property.
If this reply can help you , you can click mark this reply as solution (Accept solution) which can help more people, thanks in advance!
Best Regards,
Yueyun Zhang
Thank you. I had looked at those pages, but didn't realize that instead of using the https://copilotstudio.microsoft.com/... URL I would have to create my own and use that in the iframe instead. I had tried just adding the CSS with the desired color change, but that wasn't enough. Easy enough to do. Thanks again.
Under review
Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.
Congratulations to our 2026 Super Users!
Congratulations to our 2025 community superstars!
These are the community rock stars!
Stay up to date on forum activity by subscribing.
Romain The Low-Code... 130 Super User 2026 Season 1
Valantis 123
chiaraalina 33 Super User 2026 Season 1