Genesys Cloud Web Messaging SDK: Customizing launcher position and colors

Hey folks,
Trying to tweak the Web Messaging widget to match our new branding. I’m using the genesyscloud-webmessaging-sdk package. I’ve got the basic deployment working, but I can’t find where to inject the custom CSS for the launcher button position or change the accent color. The docs mention a config object, but it’s pretty sparse on styling options.

Here’s what I’m passing:

import { init } from '@genesyscloud/web-messaging-sdk';

init({
 deploymentId: 'my-deployment-id',
 // ... auth stuff
 // where do I put the style overrides?
});

Is there a specific property I’m missing, or do I need to target the DOM elements directly after init? The launcher is stuck in the bottom-right corner and the default blue is killing our design mockups.

Are you passing the config directly to the init call or using a separate setConfig hook? The SDK ignores inline CSS for the launcher. You need to pass launcherPosition and primaryColor inside the widgetConfig object.

const config = {
 widgetConfig: {
 launcherPosition: 'bottom-right',
 primaryColor: '#0056b3'
 }
};