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

Search This thread

larswaechter

Senior Member
Apr 17, 2013
607
961
Frankfurt
larswaechter.dev
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/11187128/android-n-screenshots

SCREENSHOTS ARE ATTACHED

You can also download my theme from this tutorial

https://www.dropbox.com/sh/z2ilpbvhl7m7lo9/AAD1ovrZayoIsuUE3mASqLjYa?dl=0

Download for Layers by setiawanjimmy
https://plus.google.com/u/0/+JimmySetiawan84/posts/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>
 

Attachments

  • uploadfromtaptalk1460992499754.jpg
    uploadfromtaptalk1460992499754.jpg
    125 KB · Views: 45,745
  • screener_20160409(133709).png
    screener_20160409(133709).png
    131.2 KB · Views: 45,513
Last edited:

idkwhoiam322

Senior Member
Apr 19, 2015
578
1,336
Possible to make app names show at the top of notifications with a tiny app icon before it like Android N?
And CLEAR ALL text for clear all notifications button?
 

Top Liked Posts

  • There are no posts matching your filters.
  • 70
    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/11187128/android-n-screenshots

    SCREENSHOTS ARE ATTACHED

    You can also download my theme from this tutorial

    https://www.dropbox.com/sh/z2ilpbvhl7m7lo9/AAD1ovrZayoIsuUE3mASqLjYa?dl=0

    Download for Layers by setiawanjimmy
    https://plus.google.com/u/0/+JimmySetiawan84/posts/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>
    4
    Thread updated
    • Added descriptions
    • New Notifications Theme - Removed Icons (Attached)
    3
    Looks great! Is it possible to have small quick setting icons at the top like this:

    android-n.jpg
    3
    Looks great! Is it possible to have small quick setting icons at the top like this:

    android-n.jpg
    Don't think so.

    Sent from my Moto G 2014 using Tapatalk
    3
    here is layers overlays i made few days back. it only include this mod. https://plus.google.com/+JimmySetiawan84/posts/gcTDByX2iX4
    @Lars124 hope you're okay with the link there.