Added Functionality to Customise theme using Props

[Ayyanaruto]

Functionality to Theme your Chat using Props

Changes Done

• [ ] Added two Props called primaryColor and secondaryColor in RCComponent
• [ ] primaryColor is responsible for backgroundColors of all components
• [ ] secondaryColor is responsible for changing text color of input ,messages or any other text related components
• [ ] The background of Chatheader and ChatInput will be lighter if body background is Dark or dark if background-color is light they will be darker which gives a good contrast to our app
• [ ] Also changed some styling added box-shadow, border-radius to ChatHeader and more

Video/Screenshots

Some Examples

Light Colors

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Dark Colors

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

This is the Default Theme

[sidmohanty11]

This is amazing @Ayyanaruto ! It would be great if you could attend the weekly catchup to discuss more on this

[Ayyanaruto]

Sure, It will be notified on #embedded chat channel on Rocket chat,right?

[sidmohanty11]

Yup, sure will notify there too if you want. I usually notify inside official channels,

• For EC2023 - https://open.rocket.chat/channel/idea-embedded-chat-2023

[Ayyanaruto]

Thanks @sidmohanty11 I joined the above mentioned channel, I will check the meetings from there