patternfly / virtual-assistant

This repo contains the code for the PatternFly virtual assistant extension
MIT License
0 stars 19 forks source link

v6 chatbot - User message text color should be white in light theme #118

Closed divyanshiGupta closed 1 month ago

divyanshiGupta commented 2 months ago

User message text color should be white in light theme

Screenshot 2024-09-10 at 6 19 52 PM
rebeccaalpert commented 2 months ago

Hi @divyanshiGupta - I'm trying to look into this. Are you seeing this in https://github.com/janus-idp/backstage-plugins/pull/2145?

divyanshiGupta commented 2 months ago

I am seeing this issue in the chatbot as this class pf-v6-c-content which changes the text color to black is getting added onp element inside of message-text div but to fix this I am doing the following here https://github.com/janus-idp/backstage-plugins/pull/2145.

'& div.pf-chatbot__message--user': {
   '& div.pf-chatbot__message-text': {
       '& p': {
           color: theme.palette.common.white,
         },
    },
}
rebeccaalpert commented 2 months ago

Thanks for the extra info @divyanshiGupta; I'll take a look at this today!

rebeccaalpert commented 2 months ago

Hi @divyanshiGupta - Would you be able to try pulling in version 2.0.0-alpha.25?

The release is available on: GitHub release npm package (@alpha dist-tag)

It should contain my attempt at fixing this, but please let me know if it doesn't work! We'll try something else in that case.