Allow full every chat component styles customizability via customStyles property

Developers
1

As a frontend developer,

I would like to be able to override all styles of every component in tawk.to chat widget and its states.

Could follow component hierarchy and nesting structure, for example:

window.Tawk_API.customStyles  = {
   container: {
     toolbar: {
        primaryNavigation: {
            ... other nested components names
         },
         secondaryNavigation: {
             ... other nested components names
         }
     }
     ... other nested components names
   }
}

And it could work like styled components. Also could be also so that it would just supported class names inside iframe and they would be overridden with styles passed via customStyle. So for example customStyle would support url to target stylesheet and would copy and load its contents inside iframe.

Or you could just create a textarea with css code formatter in admin dashboard in widget editing form, with a preview.