# Change bottom tab navigator color with blocks?

**URL:** <https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner, help\
**Created:** [August 31, 2023, 9:40pm UTC](https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965 "2023-08-31T21:40:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mikaydengutierrez33v](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mikaydengutierrez33v/32/170376_2.png) [@mikaydengutierrez33v](https://community.thunkable.com/u/mikaydengutierrez33v)\
**Post date:** [August 31, 2023, 9:40pm UTC](https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965/1 "2023-08-31T21:40:44Z")

</div>

I am trying to make a dark mode for my app but it seems I am unable to change the color of the bottom tab navigator using blocks, is there any way around this?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 2, 2023, 1:01am UTC](https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965/2 "2023-09-02T01:01:03Z")

</div>

> [@mikaydengutierrez33v](#):
>
> he

create your own navigator. color it however you want

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [September 2, 2023, 5:15pm UTC](https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965/3 "2023-09-02T17:15:10Z")

</div>

@mikaydengutierrez33v I too earlier was looking for a solution to change bg. colour of a navigator, TopTab in my case, but turns out React Native (language which Thunkable is based upon) itself doesn’t have dynamically changing color properties. Therefore colors / some other properties of navigators can’t be changed from blocks.

> [@How to edit options/properties of navigators (stack & top nav.) through blocks?](https://community.thunkable.com/t/how-to-edit-options-properties-of-navigators-stack-top-nav-through-blocks/1573105/10):
>
> @kartik14 I checked the Tab Navigator options in React Native and unfortunately, background color is not part of them. So this option will not work. I’m referring to this article [https://reactnavigation.org/docs/tab-based-navigation/](https://reactnavigation.org/docs/tab-based-navigation/) However, Thunkable might be using an external solution for the navigation in which case will will not know what options are available.

As @jared suggested to you here (and in my linked post if you open it), custom one using rows/cols. seems your only option. That’s what I went with too. Thanks!

---

<div class="post-metadata">

**Author:** ![mikaydengutierrez33v](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mikaydengutierrez33v/32/170376_2.png) [@mikaydengutierrez33v](https://community.thunkable.com/u/mikaydengutierrez33v)\
**Post date:** [September 2, 2023, 11:08pm UTC](https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965/4 "2023-09-02T23:08:23Z")

</div>

Oh that makes sense, thanks for the reply. I’ll just make a custom one. Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [December 1, 2023, 11:09pm UTC](https://community.thunkable.com/t/change-bottom-tab-navigator-color-with-blocks/2571965/5 "2023-12-01T23:09:00Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.