How to customize MessageInputView's colors using the global theme?

[lookdeceline]

Customer Request

How to modify the below properties of MessageInputView for an open channel?

• Background color of the input view
• Text field background color
• Text field border color
• Add media (plus) button tint color

Guide and Snippet

In order to the customize the above styles of a MessageInputView, define your custom colors into SBUTheme properties before your SBUOpenChannelViewController is presented. An example of a good place to define your custom colors is inside AppDelegate.swift.

// AppDelegate.swift 

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

    // ...
        
    SBUTheme.messageInputTheme.backgroundColor = .black.withAlphaComponent(0.3)
    SBUTheme.messageInputTheme.textFieldBackgroundColor = .white
    SBUTheme.messageInputTheme.textFieldBorderColor = .systemBlue
    SBUTheme.messageInputTheme.buttonTintColor = .white

    // ...

    return true
}

Result

The above code lets you modify the default style of MessageInputView (the first image below) to the customized style of MessageInputView (the second image below).