Add customCSS theme option for advanced styling

[toi500]

Added a new customCSS property to the BubbleTheme type to allow users to inject custom CSS styles directly through the theme configuration. This enables advanced styling capabilities without modifying the core components.

Implementation Details

• Added customCSS to BubbleTheme type
• Implemented style injection in both Bubble and Full components

Example

<script type="module">
  import Chatbot from 'https://cdn.jsdelivr.net/gh/toi500/FlowiseChatEmbed@feat/add-customCSS-feature/dist/web.js';
  Chatbot.init({
    chatflowid: 'your-chatflow-id',
    apiHost: 'http://localhost:3000',
    theme: {
      customCSS: `
        * {
          border-radius: 0 !important;
        }
      `
    }
  });
</script>

Result

Additional Note

Very useful when used with the new dev mode feature at http://localhost:5678

[saatchi-david]

This is super helpful and perfect timing!

[toi500]

This is super helpful and perfect timing!

This mixes very well with the Proxy Server feature since now we can:

• Use just 1 deployment to serve multiple secured embed flows (your idea); and
• Customize the chatbots professionally and individually on the fly using the same default web.js

[toi500]

@HenryHengZJ, I have resolved the conflicts, tested and it is now ready for review.

[HenryHengZJ]

thanks!