FORUMS
Remove All Ads from XDA

[GUIDE] [THEME] [5.0+] Add N-Style to your Theme + APK

606 posts
Thanks Meter: 967
 
Post Reply Email Thread
Add N-Style to your Theme + APK

In this tutorial I want you to show how you can add the Android N-Style to your theme. (Notifications & Quicksettings)
Obviously, it doesn't look to 100% like Android N and some things differs from it...
If you have any improvements, let me know.

If you're not using the CM Theme Engine you need to decompile and mod your SystemUI and framework-res APK.
You just need to change the values of the following strings.
There are other guides which explain this.

Based as preview:
http://www.theverge.com/2016/3/9/111...-n-screenshots

SCREENSHOTS ARE ATTACHED

You can also download my theme from this tutorial

https://www.dropbox.com/sh/z2ilpbvhl...3mASqLjYa?dl=0

Download for Layers by setiawanjimmy
https://plus.google.com/u/0/+JimmySe...ts/gcTDByX2iX4



1. Quicksettings:

Prepare folders
  • Add a folder called "com.android.systemui" in your overlays folder
  • Add the following structure inside this folder: "/res/values"
  • Add 1 file called "colors.xml" and 1 file "dimens.xml" in the "values" folder
  • Add a folder called "android" in your overlays folder
  • Add the following structure inside this folder: "/res/values"
  • Add 1 file called "dimens.xml" in the "values" folder

Add codes in SystemUI
  • Add in colors.xml (QuickSettings color):
    Code:
    <color name="system_primary_color">#ff263238</color>
  • Add in colors.xml (QuickSettings color):
    Code:
    <color name="system_secondary_color">#ff263238</color>
  • Add in dimens.xml (Header height):
    Code:
    <dimen name="status_bar_header_height_expanded">55.0dip</dimen>
  • Add in dimens.xml (Removed shadow):
    Code:
    <dimen name="status_bar_expanded_header_elevation">0.0dp</dimen>
  • Add in dimens.xml (Resized clock):
    Code:
    <dimen name="clock_expanded_bottom_margin">5.0dip</dimen>
  • Add in dimens.xml (Resized brightness slider):
    Code:
    <dimen name="qs_brightness_padding_top">-10.0dip</dimen>
  • Add in dimens.xml (Space between Y-Edges):
    Code:
    <dimen name="notification_side_padding">0.0dip</dimen>



2. Notifications:

Add codes in SystemUI
  • Add in dimens.xml (Notifications corners):
    Code:
    <dimen name="notification_material_shadow_rounded_rect_radius">0.0dip</dimen>
  • Add in dimens.xml (Notifications corners):
    Code:
    <dimen name="notification_material_rounded_rect_radius">0.0dip</dimen>
  • Add in dimens.xml (Notifications corners):
    Code:
    <dimen name="notification_material_rounded_rect_radius_negative">0.0dip</dimen>
  • Add in dimens.xml (Space between notifications):
    Code:
    <dimen name="notification_padding">0.0dip</dimen>
  • Add in dimens.xml (Space between notifications):
    Code:
    <dimen name="notifications_top_padding">0.0dip</dimen>

Add codes in Android
  • Add in dimens.xml (Icon size notifications):
    Code:
    <dimen name="notification_large_icon_width">7.5dip</dimen>
  • Add in dimens.xml (Icon size notifications):
    Code:
    <dimen name="notification_large_icon_height">1.0dip</dimen>
Attached Thumbnails
Click image for larger version

Name:	uploadfromtaptalk1460992499754.jpg
Views:	45684
Size:	125.0 KB
ID:	3723013   Click image for larger version

Name:	screener_20160409(133709).png
Views:	45456
Size:	131.2 KB
ID:	3723018  
The Following 73 Users Say Thank You to Lars124 For This Useful Post: [ View ] Gift Lars124 Ad-Free
8th April 2016, 01:01 PM |#2  
fanqingfuming's Avatar
Junior Member
Thanks Meter: 3
 
More
It looks very good
The Following 2 Users Say Thank You to fanqingfuming For This Useful Post: [ View ] Gift fanqingfuming Ad-Free
8th April 2016, 05:17 PM |#3  
nagorimayank's Avatar
Senior Member
Flag Mumbai
Thanks Meter: 170
 
More
Looks great! Is it possible to have small quick setting icons at the top like this:

The Following 3 Users Say Thank You to nagorimayank For This Useful Post: [ View ] Gift nagorimayank Ad-Free
8th April 2016, 05:43 PM |#4  
Lars124's Avatar
OP Senior Member
Flag Frankfurt
Thanks Meter: 967
 
Donate to Me
More
Quote:
Originally Posted by nagorimayank

Looks great! Is it possible to have small quick setting icons at the top like this:

Don't think so.

Sent from my Moto G 2014 using Tapatalk
The Following 3 Users Say Thank You to Lars124 For This Useful Post: [ View ] Gift Lars124 Ad-Free
8th April 2016, 07:39 PM |#5  
okashi1993's Avatar
Senior Member
Flag hanoi
Thanks Meter: 76
 
More
i have 1 question : i add code in bottom file dimens.xml and color.xml or where ?
8th April 2016, 11:18 PM |#6  
Lars124's Avatar
OP Senior Member
Flag Frankfurt
Thanks Meter: 967
 
Donate to Me
More
Quote:
Originally Posted by okashi1993

i have 1 question : i add code in bottom file dimens.xml and color.xml or where ?

You add the code with the two hex colors (system_primary / system_secondary) in colors.xml.
The other codes in dimens.xml
9th April 2016, 12:21 AM |#7  
Junior Member
Thanks Meter: 2
 
More
Is there a way of doing this on RRO?
9th April 2016, 11:39 AM |#8  
Lars124's Avatar
OP Senior Member
Flag Frankfurt
Thanks Meter: 967
 
Donate to Me
More
Quote:
Originally Posted by stutify

Is there a way of doing this on RRO?

Yes, you can theme your SystemUI.apk and edit the lines.
9th April 2016, 01:24 PM |#9  
Lars124's Avatar
OP Senior Member
Flag Frankfurt
Thanks Meter: 967
 
Donate to Me
More
Thread updated
  • Added descriptions
  • New Notifications Theme - Removed Icons (Attached)
Attached Thumbnails
Click image for larger version

Name:	Screenshot_20160409-131953.png
Views:	8856
Size:	78.2 KB
ID:	3712826  
The Following 4 Users Say Thank You to Lars124 For This Useful Post: [ View ] Gift Lars124 Ad-Free
9th April 2016, 05:46 PM |#10  
xdnax's Avatar
Senior Member
Thanks Meter: 1,023
 
More
Quote:
Originally Posted by nagorimayank

Looks great! Is it possible to have small quick setting icons at the top like this:

Yes, but they won't be clickable like they are on N. Basically the system won't listen to taps on the quick settings panel until it is expanded
The Following 3 Users Say Thank You to xdnax For This Useful Post: [ View ] Gift xdnax Ad-Free
9th April 2016, 08:56 PM |#11  
Junior Member
Thanks Meter: 1
 
More
who can tell me how to do that ?? please
Post Reply Subscribe to Thread

Tags
theme guide

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes