const WEBCHAT_CUSTOM_OPTIONS = { // BotStyleOptions should be modified following the instructions from // https://github.com/microsoft/BotFramework-WebChat/blob/0465cbff4e7b834accc079b056ed6d6ffd67bb1e/packages/component/src/Styles/defaultStyleOptions.js#L3 // for images the absolute path must be included BotStyleOptions: { // accent: '#2d3691', // backgroundColor: '#f0f0f0', // subtle: '#767676', // Avatar // botAvatarBackgroundColor: undefined, // defaults to accent color // botAvatarImage: '', // botAvatarInitials: '', // userAvatarBackgroundColor: , // defaults to accent color // userAvatarImage: '', // userAvatarInitials: '', // bubbleBackground: 'rgba(45, 54, 145, .9)', // bubbleBorderRadius: 20, // bubbleFromUserBackground: ' rgba(79, 79, 92, .9)', // bubbleFromUserBorderRadius: 20, // bubbleFromUserTextColor: '#ffffff', // bubbleTextColor: '#ffffff', // Send box // hideUploadButton: false, // sendBoxBorderBottom: 'solid 1px #E6E6E6', // sendBoxBorderLeft: '', // sendBoxBorderRight: '', // sendBoxBorderTop: 'solid 1px #E6E6E6', // Suggested actions // suggestedActionBackground: 'White', // suggestedActionBorderColor: undefined, // defaults to accent // suggestedActionBorderRadius: 20, // suggestedActionBorderStyle: 'solid', // suggestedActionBorderWidth: 1, // suggestedActionTextColor: null }, // default startup and open buttons; they can be identical or different // startup means the button that starts a new conversation; open means the button that minimizes/maximizes the chat // for images the absolute path must be included // images are higher priority LayoutOptions: { // title: 'ROGER365.io', // subtitle: 'Chat with us!', // startWebchatImage: '', // startWebchatHtml: startupWebchatBtnHtml, // openWebchatImage: '', // openWebchatHtml: openWebchatBtnHtml } }