CSS Style Modification Issue

[DMzmwh]

I want to define some CSS styles, but I have attempted "
::v-deep(.vac-room-header) {
background-color: red ! important;
}
"
No,
I don't want to use it. "
const style = document.createElement('style')
style.innerHTML = '.vac-room-header { background-color: red ! important; }'
this.$refs.chatWindow.shadowRoot.appendChild(style)
"
This approach feels a bit confusing. Is there any better way?

[DMzmwh]

Could you please separate the CSS when you are packaging? This way, we can independently include and override it, which might make it more flexible.

[DMzmwh]

I understand. It has a "styles" attribute that can be changed; However, the limitations are still too significant.

[aerovulpe]

Hey @DMzmwh , V3 will expose individual chat components that can styled directly.

[DMzmwh]

Great! I'm really looking forward to the v3 version. When will this version be released?

[aerovulpe]

Some time early in the new year!