[Guide][LP] How to Tint Navbar Color to StatusBar Color

idid idamrep · Aug 17, 2015

Hi xda

I found very simple way to get tinted navbar color to status bar color in some popular apps like Gmail, YouTube, DropBox. This not affect to all apps.
And I'm sorry if this is repost :angel:

Requirements:
- Know how to decompile recompile
- ApkTool
- Java installed
- Notepad++
- framework-res.apk

Steps:
1. Decompile framework-res.apk
2. Open res/values/styles.xml
3. Search

Code:

<style name="Theme">

scroll down until you find

Code:

<item name="statusBarColor">@color/black</item>
<item name="navigationBarColor">@color/black</item>

change it to

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">?colorPrimaryDark</item>

4. Search

Code:

<style name="Theme.Material" parent="@style/Theme">

scroll down until you find

Code:

<item name="statusBarColor">?colorPrimaryDark</item>
<item name="navigationBarColor">@color/black</item>

change it to

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">?colorPrimaryDark</item>

5. Search

Code:

<style name="Theme.Material.Light" parent="@style/Theme.Light">

scroll down until you find

Code:

<item name="statusBarColor">?colorPrimaryDark</item>
<item name="navigationBarColor">@color/black</item>

change it to

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">?colorPrimaryDark</item>

6. Recompile, sign, push it to system.

ONLY TESTED ON CM12, CM12.1, RR, PA. BUT I THINK IT'LL WORK ALSO ON STOCK ROM

KNOWN ISSUES:
- Only work in portrait mode
- Navbar color went black when keyboard opened

BEFORE

AFTER

edi194 · Aug 17, 2015

Working on eXistenZ Y

Quoclam851995 · Aug 18, 2015

thank bro

eymentuna · Aug 18, 2015

request

Navbar Color to StatusBar Color

xperia z3 compact 5.0.2

framework-res.apk

sytem/framework/ framework-res.apk/rw--r--r--

AlanDS · Aug 18, 2015

Nice one. Working with Z2 stock 5.1.1 rom.

MarcoReckless · Aug 18, 2015

idid idamrep said:
Hi xda

I found very simple way to get tinted navbar color to status bar color in some popular apps like Gmail, YouTube, DropBox. This not affect to all apps.
And I'm sorry if this is repost :angel:

Requirements:
- Know how to decompile recompile
- ApkTool
- Java installed
- Notepad++
- framework-res.apk

Steps:
1. Decompile framework-res.apk
2. Open res/values/styles.xml
3. Search

Code:

<style name="Theme">

scroll down until you find

Code:

<item name="statusBarColor">@color/black</item> <item name="navigationBarColor">@color/black</item>

change it to

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">?colorPrimaryDark</item>

4. Search

Code:

<style name="Theme.Material" parent="@style/Theme">

scroll down until you find

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">@color/black</item>

change it to

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">?colorPrimaryDark</item>

5. Search

Code:

<style name="Theme.Material.Light" parent="@style/Theme.Light">

scroll down until you find

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">@color/black</item>

change it to

Code:

<item name="statusBarColor">?colorPrimaryDark</item> <item name="navigationBarColor">?colorPrimaryDark</item>

6. Recompile, sign, push it to system.

ONLY TESTED ON CM12, CM12.1, RR, PA. BUT I THINK IT'LL WORK ALSO ON STOCK ROM

BEFORE

AFTER

Cool guide, but i have 2 questions, how did u get that carrier logo, and is there a way to do the tint, but for all apps? (like Lolistat)

idid idamrep · Aug 20, 2015

Syzew said:
Cool guide, but i have 2 questions, how did u get that carrier logo, and is there a way to do the tint, but for all apps? (like Lolistat)

it's resurrection remix carrier logo, I changed it to xperia :v
yes, there is. to get tinted in all apps, need to add smali to SystemUI, add package name and hex code to smali.
go here http://xdaforums.com/android/general/how-to-tinted-status-bar-using-app-t3048978

Araib93 · Aug 21, 2015

There is a problem with this mod, though it works fine but in messaging app it chooses color of main screen and keeps it through out other conversations (image attached for explanation)

Edit: Also navbar is black when keyboard is opened.. Thought it would be same color as status bar..

Rajeev · Aug 23, 2015

Araib93 said:
There is a problem with this mod, though it works fine but in messaging app it chooses color of main screen and keeps it through out other conversations (image attached for explanation)

Edit: Also navbar is black when keyboard is opened.. Thought it would be same color as status bar..

http://xdaforums.com/crossdevice-dev/sony/guide-lolipop-mods-making-tutorials-t3173217

Araib93 · Aug 23, 2015

Rajeev said:
http://xdaforums.com/crossdevice-dev/sony/guide-lolipop-mods-making-tutorials-t3173217

Not using Official Sony Android so nope that guide doesn't work (for AOSP, since the strings he ask to search are not present in AOSP in the first place)

Nicklas Van Dam · Aug 23, 2015

Thanks !!! , worked correctly on Xperia M (Nicki) running with ArchiDroid v 3.1.1

Rajeev · Aug 23, 2015

Araib93 said:
Not using Official Sony Android so nope that guide doesn't work (for AOSP, since the strings he ask to search are not present in AOSP in the first place)

Did u tried it?

Araib93 · Aug 23, 2015

Rajeev said:
Did u tried it?

Yes I decompiled systemui and went to the path the guide mentioned but the strings it ask to search for are not there for AICP (that's what I said in the last post)

Geeks Empire · Aug 24, 2015

Info

Well Done!
& This is for Android App Developers to Set Color for NavBar/StatusBar in their apps

Code:

int API = android.os.Build.VERSION.SDK_INT;
if(API > 20){
Window window = this.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.setStatusBarColor(Color.parseColor("#COLOR_CODE"));
getWindow().setNavigationBarColor(Color.parseColor("#COLOR_CODE"));
}

Used in my Apps
# Floating Shortcuts >> Xda-Project
# ASAPP Service >> Xda-Project
# Get Translate

:good:

droidblitz · Aug 25, 2015

will this work with viber app?

komil85 · Aug 25, 2015

Thanks. It worked in my Z1C stock lollipop rom.
Edit: Doesn't work in landscape mode, Color reverts back to original in landscape mode but works fine in portrait mode. Any suggestion why its happening? Also i would like to mention that when i try to move framework-res.apk to system/framework folder my device crashes and reboot itself but it work even though it crashes.

Shujath · Sep 4, 2015

Wow, thanks for the guide

ogunja · Sep 5, 2015

Thank you friend, working fine Xperia Z3 single chip.

G.Pawar · Sep 6, 2015

Hey bro can I use this guidelines in My Xperia Kitkat device

Sent from my D2105 using XDA Free mobile app

Moncicci · Sep 12, 2015

But it's possible make navbar trasparent ?

[Guide][LP] How to Tint Navbar Color to StatusBar Color

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Attachments

Recognized Contributor

Senior Member

Senior Member

Recognized Contributor

Senior Member

Senior Member

Senior Member

Senior Member

Recognized Developer

Senior Member

Senior Member

Senior Member

Similar threads

Top Liked Posts