By default, Sendbird Chat UIKit for Notifications provides two themes:
Dark for all templates and notification channels. But you can customize the theme to create your own brand identity on Sendbird Dashboard under Notifications > Theme. You can also customize theme for each notification channel. If you select the default theme when creating a new template on the dashboard, it uses the same global theme settings as the UIKit. See the guide below on how to change the UIKit's theme settings.
Set default theme
Dark theme in Chat UIKit Android for Notifications can be applied using the
This is the default theme for all templates if another theme hasn't been specified.
Dark theme can be applied as shown below:
Set custom fonts
You can set and apply custom fonts to the client app. There are three different font styles that you can customize in notifications: size, weight, and
fontFamily. Size refers to the font size of each character, whereas weight refers to the overall thickness of the character.
fontFamily is an attribute containing all fonts that can be used in the app.
You can apply custom font size and weight to the app's theme on the Theme page in Sendbird Dashboard. To use custom fonts in your app, refer to the code below. The custom font must already be set in
AppTheme when initializing Chat UIKit for Notifications.
Apply custom font to client app
To apply a custom font to the client app, you need to add the font to
fontFamily, which is set under
AppTheme in the app's
Apply custom font to a notification channel
To set a custom font to a specific notification channel, you need to create a new style resource in Sendbird Chat UIKit for Notifications. Refer to the code below.
Step 1 Set a new style resource under theme
First, set a new style resource for
Dark theme in the client app's
styles.xml. The style resource needs to contain a custom font under
fontFamily and the parent style must also be set to one of the Sendbird Chat UIKit themes for Notifications.
Step 2 Apply the style resource to channel
FeedNotificationChannelActivity to create a new chat view or feed view, you need to pass the resource ID of the new style resource created in step 1 as a parameter.
Set custom styles in UIKit themes
You can create and add your own custom styles to your app while using one of the default Sendbird Chat UIKit themes for Notifications. If you wish to use
Light theme with a custom font, you can either apply the font to the client app or a specific notification channel.
Apply custom style to client app
Add custom style to the client app's
styles.xml file and then set the parent theme to either
Apply custom style to a notification channel
You can apply the custom style to each notification channel by using its resource ID.