Teneo Developers Community

Colors not configurable with IE11

Tweaking the colors of the primary color and text link color works by modifying the CSS in TeneoWebChat.vue for “.teneo-web-chat” when using Chrome or Edge. In IE11 however, these changes are not reflected and the default blue color is used. Can this be fixed?

On IE11 Teneo Web Chat falls back to default colors because IE11 doesn’t support css variables. To change them for IE11 you would have to modify the fallback color codes that are defined in the various .vue components. For example, to change the colors for the user message bubble you would need to change TextMessage.vue file in the ‘components -> messages’ folder:

OK thanks, I updated the colors that way.