Changing the colour of the icons of bottom menu bar and header part of the tab

Hey guys!

I am wondering whether anyone has created a CSS code to change the colour of the icons of bottom menu bar and header part of the tab?

I have actually found a way to change the color of the bottoms but now I cannot find a way to change the colour of the icons.


[data-test="app-button-view"] {
background-color: #ff1493 !important;
border-color: 	#ff1493 !important;
}
[data-test="app-button-view"]:active {
background-color: pink !important;
border-color: pink !important;
}

Would be really greteful if someone could help!

Please try this.

<pre><span><style>
[data-test="nav-button-menu"] {
color: #ff57c7; /*←hamburger icon color*/
}
#tabBar { 
box-shadow:none;
background-color: #ff57c7 ;
}
#tabBar svg { 
color: white; /*←icon color*/
}
[role="tab"] {
color: black ; /*←text color*/
}

スクリーンショット 2021-09-03 13.47.40

2 Likes

Amazing! Thank you so much!