ThemeService#
The ThemeService can be used to change the theme of the chat UI and to customize the theme. Our theming guide gives a complete overview about the topic.
Properties#
theme$#
• theme$: BehaviorSubject<string>
A Subject that can be used to get or set the currently active theme.
Defined in#
themeVersion#
• themeVersion: "1" | "2"
Stream chat theme version - this is used internally by some UI components of the SDK, integrators shouldn't need to use this variable
Defined in#
Accessors#
customDarkThemeVariables#
• get customDarkThemeVariables(): undefined | { [key: string]: string; }
A getter that returns the currently set custom dark theme variables.
deprecated Only use with theme v1
Returns#
undefined | { [key: string]: string; }
An object where the keys are theme variables, and the values are the currently set CSS values.
Defined in#
• set customDarkThemeVariables(variables): void
A setter that can be used to overwrite the values of the CSS theme variables of the dark theme.
deprecated Only use with theme v1
Parameters#
| Name | Type | Description |
|---|---|---|
variables | undefined | { [key: string]: string; } | An object where the keys are theme variables, and the values are CSS values. |
Returns#
void
An object where the keys are theme variables, and the values are the currently set CSS values.
Defined in#
customLightThemeVariables#
• get customLightThemeVariables(): undefined | { [key: string]: string; }
A getter that returns the currently set custom light theme variables.
deprecated Only use with theme v1
Returns#
undefined | { [key: string]: string; }
An object where the keys are theme variables, and the values are the currently set CSS values.
Defined in#
• set customLightThemeVariables(variables): void
A setter that can be used to overwrite the values of the CSS theme variables of the light theme.
deprecated Only use with theme v1
Parameters#
| Name | Type | Description |
|---|---|---|
variables | undefined | { [key: string]: string; } | An object where the keys are theme variables, and the values are CSS values. |
Returns#
void
An object where the keys are theme variables, and the values are the currently set CSS values.