# Change the color of the navbar button in the channel creation

**URL:** https://community.sendbird.com/t/change-the-color-of-the-navbar-button-in-the-channel-creation/1821
**Category:** iOS
**Created:** [March 5, 2021, 11:28am UTC](https://community.sendbird.com/t/change-the-color-of-the-navbar-button-in-the-channel-creation/1821 "2021-03-05T11:28:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Andrea\_Procucci](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/andrea_procucci/32/1044_2.png) [@Andrea\_Procucci](https://community.sendbird.com/u/Andrea_Procucci)
#### Post date: [March 5, 2021, 11:28am UTC](https://community.sendbird.com/t/change-the-color-of-the-navbar-button-in-the-channel-creation/1821/1 "2021-03-05T11:28:30Z")

</div>

Testing on: iOS 13.0  
SendBirdUIKit (2.0.8)  
SendBirdSDK (~\> 3.0.205)  
Hi, I changed the navbar color to purple and the navbar items color to white. The problem is on the right nav button in the channel creation vc, when I click on a user the button became purple again. How can I change permanently the color of this nav item?  
I changed the nav bar title color in that way:

```
func componentTheme() -> SBUComponentTheme {
        let myComponentTheme = SBUComponentTheme.light
        myComponentTheme.titleColor = Colors.Tertiary
        myComponentTheme.titleStatusColor = Colors.Tertiary
        return myComponentTheme
}

```

And for each view I change the navbar buttons color and the navbar background color in that way (Colors.Tertiary is .white):

```
func userListTheme() -> SBUUserListTheme {
        let myUserListTheme = SBUUserListTheme.light
        myUserListTheme.navigationBarTintColor = Colors.Primary
        myUserListTheme.barButtonTintColor = Colors.Tertiary
        myUserListTheme.leftBarButtonTintColor = Colors.Tertiary
        myUserListTheme.rightBarButtonTintColor = Colors.Tertiary
        return myUserListTheme
}

```

And in the end i set the SBUTheme:

```
let newTheme = SBUTheme(channelListTheme: channelListTheme(),
                        channelCellTheme: .light,
                        channelTheme: channelTheme(),
                        messageInputTheme: .light,
                        messageCellTheme: .light,
                        userListTheme: userListTheme(),
                        userCellTheme: .light,
                        channelSettingsTheme: channelSettingsTheme(),
                        componentTheme: componentTheme())
        
SBUTheme.set(theme: newTheme)

```

I don’t understand which field changes the color of that button.  
Thanks, AP

 ![merge_from_ofoct (1)](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/9/908bbca7fa0a906529005de71325af04757474fd.jpeg)

---

<div class="post-metadata">

### Author: ![Woo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/woo/32/125_2.png) [@Woo](https://community.sendbird.com/u/Woo)
#### Post date: [March 5, 2021, 5:47pm UTC](https://community.sendbird.com/t/change-the-color-of-the-navbar-button-in-the-channel-creation/1821/2 "2021-03-05T17:47:27Z")

</div>

@Andrea_Procucci hi!

I believe that nav button is still purple color and what you saw is dim out color that is default for BarButtonItem.

---

<div class="post-metadata">

### Author: ![Andrea\_Procucci](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/andrea_procucci/32/1044_2.png) [@Andrea\_Procucci](https://community.sendbird.com/u/Andrea_Procucci)
#### Post date: [March 8, 2021, 1:30pm UTC](https://community.sendbird.com/t/change-the-color-of-the-navbar-button-in-the-channel-creation/1821/3 "2021-03-08T13:30:42Z")

</div>

Hi @Woo,  
I have found an other problem, as I show above I changed the SBUComponentTheme.titleColor to .white but it seems that even the action sheet buttons take their color from .titleColor.  
I tried to change the SBUComponentTheme.actionSheetXyzColor but nothing change. (Maybe I miss a parameter).

```
private func componentTheme() -> SBUComponentTheme
    let myComponentTheme = SBUComponentTheme.ligh
    myComponentTheme.titleColor = foregroundColor // Navbar title            
    myComponentTheme.titleStatusColor = foregroundColor // Navbar subtitle (last user access)
                
    myComponentTheme.actionSheetTextColor = .black
    myComponentTheme.actionSheetItemColor = .black
    myComponentTheme.actionSheetSubTextColor = .black
    return myComponentTheme
}

```

Any idea?  
If you need more info I’m here.  
Thanks!

 ![Simulator Screen Shot - iPhone SE (2nd generation) - 2021-03-08 at 14.18.10](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/b/b3fef9652055917c2ef214ed510044376e396036.png)

---

<div class="post-metadata">

### Author: ![Woo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/woo/32/125_2.png) [@Woo](https://community.sendbird.com/u/Woo)
#### Post date: [March 8, 2021, 5:36pm UTC](https://community.sendbird.com/t/change-the-color-of-the-navbar-button-in-the-channel-creation/1821/4 "2021-03-08T17:36:22Z")

</div>

I see that actionsheet in channelview isn’t properly set with componentTheme. I will report this to team and get fixed for next patch. Thanks!