# Change the color of the menu toggle button

**URL:** <https://forum.ionicframework.com/t/change-the-color-of-the-menu-toggle-button/117532>\
**Category:** ionic-v3\
**Created:** [January 8, 2018, 6:40am UTC](https://forum.ionicframework.com/t/change-the-color-of-the-menu-toggle-button/117532 "2018-01-08T06:40:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevred](https://avatars.discourse-cdn.com/v4/letter/k/77aa72/32.png) [@kevred](https://forum.ionicframework.com/u/kevred)\
**Post date:** [January 8, 2018, 6:40am UTC](https://forum.ionicframework.com/t/change-the-color-of-the-menu-toggle-button/117532/1 "2018-01-08T06:40:11Z")

</div>

I am using the menu template in ionic.

My question is how do i change the color of the menu toggle icon in the navbar header?

---

<div class="post-metadata">

**Author:** ![felix9607](https://avatars.discourse-cdn.com/v4/letter/f/0ea827/32.png) [@felix9607](https://forum.ionicframework.com/u/felix9607)\
**Post date:** [January 8, 2018, 7:46am UTC](https://forum.ionicframework.com/t/change-the-color-of-the-menu-toggle-button/117532/2 "2018-01-08T07:46:35Z")

</div>

I mean … just do it …

```auto
//you need to set 'yourColor' in your variables.scss

<button ion-button menuToggle color="yourColor">
    <ion-icon name="menu"></ion-icon>
</button>

```

---

<div class="post-metadata">

**Author:** ![kevred](https://avatars.discourse-cdn.com/v4/letter/k/77aa72/32.png) [@kevred](https://forum.ionicframework.com/u/kevred)\
**Post date:** [January 9, 2018, 10:37am UTC](https://forum.ionicframework.com/t/change-the-color-of-the-menu-toggle-button/117532/3 "2018-01-09T10:37:40Z")

</div>

Thank you very much, this solved my problem.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:56pm UTC](https://forum.ionicframework.com/t/change-the-color-of-the-menu-toggle-button/117532/4 "2021-07-19T21:56:08Z")

</div>

Closed on July 19, 2021, 9:56pm UTC