[BUG] Embed | Styling all white

[vexersa]

Describe the bug When using the Embed option under "API Endpoint" then "Embed in website or use as API" functionality, the resulting styling is hard to read and isn't easily configurable.

To Reproduce Steps to reproduce the behavior:

1. Create flow
2. Save flow
3. Click "API Endpoint" button top right
4. Copy "Embed" code and save it to an HTML file or embed as HTML code block in a CMS (I used Wordpress)
5. Open the embedded chatbot UI using the button in the bottom right
6. Styling looks totally whited out and the text will be very difficult to read

Expected behavior The chatbot should be easy to read or configurable

Screenshots

Setup

• OS: Windows, embedded code in Wordpress page
• Browse: Chrome

[chungyau97]

Hey there, I'm not able to replicate your error.

Results:

[vexersa]

Please could you try on this demo page? https://known.consulting/demo/

On Wed, 31 May 2023 at 15:12, Ong Chung Yau @.***> wrote:

Hey there, I'm not able to replicate your error.

Results: [image: image] https://user-images.githubusercontent.com/33013947/242285690-063ca65c-ac5a-49e0-a187-fbc593658114.png

— Reply to this email directly, view it on GitHub https://github.com/FlowiseAI/Flowise/issues/234#issuecomment-1570211509, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB47W43BQ3ZS2QJNJ4OXLU3XI47TLANCNFSM6AAAAAAYVAKXXQ . You are receiving this because you authored the thread.Message ID: @.***>

[kushu7]

ISSUE

It was inheriting color from body @chungyau97. i think we should define color at chatbot level?

[HenryHengZJ]

hey guys chat embed will be customizable in the next release. backgroundcolor, icon, size and all

[HenryHengZJ]

with the latest update, you can now configure mostly everything on the embedded widget: https://github.com/FlowiseAI/FlowiseChatEmbed#configuration