This is documentation for
Stream Chat Angular SDK v5, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v6).
Component variables
CSS variables are the easiest way to customize the theme. The variables are organized into two layers:
- Global
- Component
Global variables change the layout/look-and-feel of the whole chat UI, meanwhile component variables change only a part of it (for example message component).
Component variables can be further grouped in the following ways:
- Theme variables for changing text and background colors, borders and shadows
- Layout variables defined for some components (but not all) to change the size of a specific part of a component
You can find the list of components below: