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.
#Setup the default theme
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
#Basic colorSet Property
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.
#Changed colorSet Props
#Basic colorSet Variables
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.