EmbeddedChat icon indicating copy to clipboard operation
EmbeddedChat copied to clipboard

Implement Dark Mode in EmbeddedChat

Open Pushpendra766 opened this issue 2 years ago • 5 comments

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

  • [ ] Add dark mode that can be enabled by passing appropriate prop.

Pushpendra766 avatar Feb 01 '23 20:02 Pushpendra766

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

Pushpendra766 avatar Feb 01 '23 20:02 Pushpendra766

@Pushpendra766 go ahead!

sidmohanty11 avatar Feb 02 '23 16:02 sidmohanty11

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 ?

Pushpendra766 avatar Feb 04 '23 08:02 Pushpendra766

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

Vishal2002 avatar Feb 17 '23 18:02 Vishal2002

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

Ayyanaruto avatar Feb 27 '23 15:02 Ayyanaruto