Gradio chatbot color_map doesn't set color of chat boxes when running on HuggingFace

Spaces
1

Hi all,
Thanks for checking out this question.
I’m having issues using the Gradio chatbot color_map variable on hugging face. I’m using the same code when running locally and on HuggingFace, however, in both circumstances my web-app acts differently. When running locally my chatbot message box colors update as I would expect, however, when running on HuggingFace it appears that the colors are not set at all and the chatbot text bubbles become white. If I do not use the color_map variable then the text boxes remain as their default orange and grey.

chatbot = gr.Chatbot(value=chat_history, label="Watchtower Output").style(color_map=["blue","grey"])

Output seen when running on HuggingFacec (with text highlighted):
image

Any help in identifying why this is happening would be greatly appreciated.
Thanks.

2

After some playing around with this, this came down to being on an older version of the Gradio SDK, upgrading to version 3.9 fixed the issue.

1 Like