RocketChat / EmbeddedChat

An easy to use full-stack component (ReactJS) embedding Rocket.Chat into your webapp
https://www.npmjs.com/package/@embeddedchat/react
108 stars 216 forks source link

Implement Dark Mode in EmbeddedChat #120

Open Pushpendra766 opened 1 year ago

Pushpendra766 commented 1 year ago

As an EmbedChat developer

I need to: Implement dark mode in EmbeddedChat that can be enabled by passing appropriate props.

So That: The website which uses dark mode can enable it.

Acceptance Criteria

Pushpendra766 commented 1 year ago

Hey @sidmohanty11, I would like to work on this issue, please assign it to me.

sidmohanty11 commented 1 year ago

@Pushpendra766 go ahead!

Pushpendra766 commented 1 year ago

I have tried to implement it and I come up with the following way :-

Step 1 : Accept a prop theme which will tell whether the current theme is dark or light. By default, its value will be light. Step 2 : Using the context provider, set the value of theme on wrapper. Step 3 : Based on the value of theme change the backgroundColor and color properties of the components.

Will this be the right way to do it ?

Vishal2002 commented 1 year ago

Can you assign me this issue to work , I want to implement this feature.

Ayyanaruto commented 1 year ago

Hey @sidmohanty11 can you assign me this issue I have implemented it half way just Chat input is remaining