[Guide][How to theme lollipop roms with ease] topic

AN EASY GUIDE TO THEME LOLLIPOP ROMS

Introduction:
Hello,
This is simple guide which you can follow to make your own lollipop theme.If you dont want to follow and want to use a premade theme made for specifically Nexus5 then go Here

Note:As a Human I tend to make mistakes , so if u find any mistakes then let me know. And Share your work here if you follow this guide .:)And give proper credits for my hardwork
What we are going to theme?

1. framework-res.apk
2.Settings.apk
3.SystemUI.apk
4.GoogleContacts.apk
5.GoogleDialer.apk

1.How to theme framework-res.apk
Decompile your framework-res.apk
* First, If you want to change the whole system background then go to res/colors.xml and search for

Code:

---

<color name="white">@color/white</color>

---

Replace with whatever color you wan. For e.g I am gonna use

Code:

---

#ff272d33

---

in place of

Code:

---

@color/white

---

.

Drawback:
#This will effect the background of others apps too like for e.g gmail/whatsapp . So if you are going to use black (#ff000000) then you will not be able to read the texts in those apps. Inorder to over come that we will see how to edit the Settings.apk to change the settings background alone.

*How to change the primary and secondary text color?

#Open colors.xml and look for

Code:

---

<color name="primary_text_default_material_light">#ffb0f40c</color>  and  <color name="primary_text_default_material_dark">#ffb0f40c</color>

---

/* This color corresponds to the primary color of whole system

#Open colors.xml and look for

Code:

---

  <color name="secondary_text_default_material_light">#ff029789</color>  and  <color name="secondary_text_default_material_dark">#b3029789</color>

---

/* This color corresponds to the seconday color of whole system

2.How to theme Settings.apk?
Decompile your Settings.apk

*How to change Settings background?


#Search for

Code:

---

<style name="Theme.Settings" parent="@style/Theme.SettingsBase">

---

and add

Code:

---

<item name="android:background">#ff272d33</item>

---

Replace the color code to whatever you want.

Change swithbar background:

This is called switchbar background:

#Go to res/colors.xml and search for

Code:

---

<color name="switchbar_background_color">#ff00bcd4</color>

---

Change Header texts color:

#Go to res/colors.xml and search for

Code:

---

<color name="theme_accent">#ffffffff</color>

---

Change About phone background:

#Go to styles.xml and search for

Code:

---

<style name="Theme.SubSettings" parent="@style/Theme.Settings">

---

and add

Code:

---

<item name="android:background">#ffe91e63</item>

---

Change About phone/status background:

#Go to styles.xml and search for

Code:

---

<style name="Theme.ActionBar" parent="@android:style/Widget.Material.Light.ActionBar.Solid">

---

and add

Code:

---

<item name="android:background">#ffe91e63</item>

---

And change the status bar tint color accordingly in colors.xml , Search for

Code:

---

<color name="theme_primary_dark">#ff9c27b0</color>

---

3.How to theme SystemUI.apk?
Decompile your SystemUI.apk

*Change status bar expanded header color:

#Go to res/colors.xml and search for

Code:

---

<color name="system_secondary_color">#fff44336</color>

---

#Change QuickSettings background color:

#Go to res/colors.xml and search for

Code:

---

<color name="system_primary_color">#ff9c27b0</color>

---

#Change notification background color:

#Go to res/colors.xml and search for

Code:

---

<color name="notification_material_background_color">#ffe91e63</color>

---

#Change QuickSettings Divider color:

#Go to res/colors.xml and search for

Code:

---

<color name="qs_tile_divider">#00000000</color>

---

#Change QuickSettings icon text color:

#Go to res/colors.xml and search for

Code:

---

<color name="qs_tile_text">#ffffffff</color>

---

4.How to theme GoogleDialer.apk?
Decompile your GoogleDialer.apk

#Change status bar tint color

#Go to res/colors.xml and search for

Code:

---

<color name="dialer_theme_color_dark">#ff4caf50</color>

---

#Change dialpad primary , Secondary Digits , and other text color:

#Go to res/colors.xml and search for

Code:

---

<color name="dialpad_primary_text_color">#fff4511e</color>

---

/* This corresponds to primary text color of dialpad

#Go to res/colors.xml and search for

Code:

---

<color name="dialpad_secondary_text_color">#ff737373</color>

---

/* This corresponds to secondary text color of dialpad

#Below is the image showing you which is the digits text color

#Go to res/colors.xml and search for

Code:

---

<color name="dialpad_digits_text_color">#ff00bcd4</color>

---

/* This corresponds to Digits text color of dialpad

#Go to res/colors.xml and search for

Code:

---

<color name="call_log_extras_text_color">#ff4caf50</color>

---

/* This corresponds to call log extras text color (i.e the color of (add to contacts , caller by google is enabled)

#Go to res/colors.xml and search for

Code:

---

<color name="dialtacts_primary_text_color">#ff6d4c41</color>

---

/* This corresponds to contacts name text and also the on create option menu text color. See the below image

Change the background colors:


#Go to res/colors.xml and search for

Code:

---

<color name="background_dialpad">#ff272d33</color>

---

/* This corresponds to background color of dialpad

#Go to res/colors.xml and search for

Code:

---

<color name="background_dialpad">#ff272d33</color>

---

/* This corresponds to background color of dialpad

#Go to res/colors.xml and search for

Code:

---

  <color name="searchbox_background_color">#ffffffff</color>

---

/* This corresponds to Searchbox background color and similarly you can search for the keyword searchbox ..change text color and all.

#Go to res/colors.xml and search for

Code:

---

  <color name="setting_background_color">#ff272d33</color>

---

/* This corresponds to Settings background color of dialer.

#Go to res/colors.xml and search for

Code:

---

<color name="call_log_expanded_background_color">#ff9c27b0</color>

---

/* This corresponds expanded log background color .

#Go to res/colors.xml and search for

Code:

---

  <color name="dialtacts_theme_color">#ff272d33</color>

---

/* This corresponds contact background color .

#Go to res/colors.xml and search for

Code:

---

  <color name="dialer_theme_color">#fff44336</color>

---

/* This corresponds to below image background color

#Go to res/colors.xml and search for

Code:

---

  <color name="background_dialer_results">#ffcddc39</color>

---

/* This corresponds to background list color

5.How to theme GoogleContacts.apk?
Decompile your GoogleContacts.apk

##Go to res/colors.xml and search for

Code:

---

<color name="dialer_theme_color_dark">#ff8bc34a</color>

---

/* This corresponds to status bar tint color

#Change status bar tint color

##Go to res/colors.xml and search for

Code:

---

<color name="dialer_theme_color_dark">#ff8bc34a</color>

---

/* This corresponds to status bar tint color

Change text colors:


##Go to res/colors.xml and search for

Code:

---

<color name="actionbar_text_color">#ff272d33</color>

---

/* This corresponds to action bar text color

##Go to res/colors.xml and search for

Code:

---

<color name="primary_text_color">#ff673ab7</color>

---

/* This corresponds to oncreate option menu text color and may be some other text color shown below

##Go to res/colors.xml and search for

Code:

---

  <color name="actionbar_background_color">@color/primary_color</color>

---

/* This corresponds to section header text color

Change the background colors:


#Go to res/colors.xml and search for

Code:

---

<color name="actionbar_background_color">@color/primary_color</color>

---

/* This corresponds to action bar background color

#Go to res/colors.xml and search for

Code:

---

<color name="background_primary">#ff9c27b0</color>

---

/* This corresponds to Background color of contacts

#Go to res/colors.xml and search for

Code:

---

  <color name="searchbox_background_color">#ffff5722</color>

---

/* This corresponds to Searchbox background color and similarly you can search for the keyword searchbox ..change text color and all.


Thats it for now. Happy theming















XDA:DevDB Information
Guide, ROM for the Android General

Contributors
Vivek_Neel
ROM OS Version: 2.3.x Gingerbread

Version Information
Status: Testing

Created 2014-12-19
Last Updated 2014-12-19

Browse More Articles

Tweet

Written by dd

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.