UIKit React Native v3
UIKit React Native
UIKit
React Native
Version 3
Home
/
UIKit
/
React Native
/
Themes
Themes
Copy link
A theme is a style that's applied to your entire app. A theme is made up of UIKitPalette
, UIKitColors
, and UIKitTypography
. By default, Sendbird UIKit for React Native provides two themes: Light
and Dark
. But you can customize these themes to create your own brand identity by changing the value of resources.
UIKitTheme
Copy link
See the code below to learn about the architecture of the UIKitTheme
instance.
Light theme
Copy link
This is the default theme for UIKit.
Dark theme
Copy link
You can also apply the Dark
theme to your app.
How to use
Copy link
By calling the useUIKitTheme()
hook, you can use the theme
property of the SendbirdUIKitContainer
context provider container.
Customize the theme
Copy link
You can create your own custom theme by following the code below.