#
ThemeServiceThe 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
#
Returnsundefined
| { [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
#
ParametersName | Type | Description |
---|---|---|
variables | undefined | { [key: string]: string ; } | An object where the keys are theme variables, and the values are CSS values. |
#
Returnsvoid
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
#
Returnsundefined
| { [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
#
ParametersName | Type | Description |
---|---|---|
variables | undefined | { [key: string]: string ; } | An object where the keys are theme variables, and the values are CSS values. |
#
Returnsvoid
An object where the keys are theme variables, and the values are the currently set CSS values.