The Mirrorfly UI component is customizable on theme model. On a default Mirrorfly webchat app holds has 2 themes light and dark theme. Customized themes that fit your requirment can also be created by providing colorSet and iconSet.
UIKit for web's Light or Dark theme can be changed using theme prop.
Light theme is a default theme which is rendered without the declaration of theme or passing theme='light'.
The Dark theme can be applied by passing theme='dark' in ChatApp component
colorSet Prop is a style property which is provided with the list of variables where the seperate component layouts color can be changed. On a basic level of colorSet object the colors of the component can be changed.
The following table lists the style components of each Components used.
|Chatapp Background Color|
|Overall Theme color|
|Bright theme color usage|
|Dark theme color usage|
|Theme color in rgb|
|General All Heading BG color|
|Chatapp Banner colorSet|
The ColorSet is the set of colors provided by UIKit for Web and is fully customizable.