[TUTORIAL] [4.1+] [UPDATE :- 24.06.2014] Changing Theme Color For Phonebook & Dialer

Search This thread
By:
Advanced…
Rajeev

Rajeev

Recognized Contributor
Nov 24, 2012
16,306
26,540
Chennai , I N D I A
Xiaomi 13 Pro
[TUTORIAL] [4.1+] [UPDATE :- 24.06.2014] Changing Theme Color For Phonebook & Dialer




Dear Friends

Here I Am Presenting You Another Coolest Tutorial For Changing Phonebook and Dialer Run Time Theme Color According To System Theme Change. U Don't Need To Edit Any Smali Files For This. All Are Just XML Editing Only. For This Mod U Need Only Two APKs. Phonebook and SemcPhone. This Tutorial Should Work In Android 4.1+.

So Lets Begin ...


PHONEBOOK.apk
Click to expand...
Click to collapse


De Compile Phonebook.apk
Go To res/values/Styles.xml

Find These Lines

Code: 
<style name="Dialpad.Digit" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_digit_text_size</item>
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
<item name="android:layout_centerVertical">true</item>

And Add The Red Marked Lines

Code: 
<style name="Dialpad.Digit" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_digit_text_size</item>
[COLOR="Red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">5.0</item>
<item name="android:shadowDy">5.0</item>
<item name="android:shadowRadius">5.0</item>
[/COLOR]<item name="android:layout_centerVertical">true</item>

Find These Lines

Code: 
<style name="Dialpad.Star" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_star_text_size</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:includeFontPadding">false</item>
<item name="android:layout_centerVertical">true</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Dialpad.Star" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_star_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
<item name="android:gravity">center_horizontal</item>
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">5.0</item>
<item name="android:shadowDy">5.0</item>
<item name="android:shadowRadius">5.0</item>
[/COLOR]<item name="android:layout_centerVertical">true</item>
</style>

Find These Lines

Code: 
<style name="Dialpad.Pound" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_pound_text_size</item>
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
<item name="android:layout_centerVertical">true</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Dialpad.Pound" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_pound_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">5.0</item>
<item name="android:shadowDy">5.0</item>
<item name="android:shadowRadius">5.0</item>
[/COLOR]<item name="android:layout_centerVertical">true</item>
</style>

Find These Lines

Code: 
<style name="Dialpad.Plus" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_plus_text_size</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Dialpad.Plus" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_plus_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color</item>
<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">2.0</item>
<item name="android:shadowDy">2.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]</style>

Find These Lines

Code: 
<style name="Dialpad.Label" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_label_text_size</item>
<item name="android:includeFontPadding">false</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Dialpad.Label" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_label_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color</item>[/COLOR]
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">2.0</item>
<item name="android:shadowDy">2.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]</style>

Find These Lines

Code: 
<style name="Dialpad.Call" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_call_text_size</item>
<item name="android:textColor">@android:color/white</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Dialpad.Call" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_call_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
</style>

Find These Lines

Code: 
<style name="Theme.Spb" parent="@android:style/Theme.DeviceDefault.Light">
<item name="android:windowActionBar">true</item>
<item name="android:actionBarStyle">@style/SemcActionBar</item>
<item name="android:actionBarTabStyle">@style/SemcActionBarTabView</item>
<item name="android:actionBarTabBarStyle">@style/SemcActionBarTabBar</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="android:actionBarWidgetTheme">@style/SemcActionBarWidget</item>
<item name="android:layoutDirection">ltr</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Theme.Spb" parent="@android:style/Theme.DeviceDefault.Light">
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_neutral</item>
<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">3.0</item>
<item name="android:shadowDy">3.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]<item name="android:windowActionBar">true</item>
<item name="android:actionBarStyle">@style/SemcActionBar</item>
<item name="android:actionBarTabStyle">@style/SemcActionBarTabView</item>
<item name="android:actionBarTabBarStyle">@style/SemcActionBarTabBar</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="android:actionBarWidgetTheme">@style/SemcActionBarWidget</item>
<item name="android:layoutDirection">ltr</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

Find These Lines

Code: 
<style name="Theme.Default" parent="@android:style/Theme.DeviceDefault.Light">
<item name="android:windowActionBar">true</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

And Add The Red Marked Lines

Code: 
<style name="Theme.Default" parent="@android:style/Theme.DeviceDefault.Light">
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color</item>
<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">2.0</item>
<item name="android:shadowDy">2.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]<item name="android:windowActionBar">true</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

Done. Save and Exit From The Editor


Now Go To res/values/Colors.xml

Find This Line

Code: 
<color name="theme_accent_color">@com.sonyericsson.uxp:color/somc_theme_accent_color_light</color>

And Change To This Line

Code: 
<color name="theme_accent_color">@com.sonyericsson.uxp:color[COLOR="red"]/semc_theme_accent_color[/COLOR]</color>

Scroll Down To Last and Add These Lines To There

Code: 
<color name="add_edit_header_background">#ffefefef</color>
<color name="theme_accent_color_neutral">@com.sonyericsson.uxp:color/somc_accent_color_neutral</color>
<color name="theme_illumination_color">@com.sonyericsson.uxp:color/semc_theme_illumination_color</color>
<color name="theme_accent_color_dark">@com.sonyericsson.uxp:color/somc_theme_accent_color_dark</color>
<color name="theme_accent_color_light">@com.sonyericsson.uxp:color/somc_theme_accent_color_light</color>

Important Note :

First Look For " <color name="add_edit_header_background">#ffefefef</color> In Ur Res/values/colors.xml. If The Line Is Already There Means Do Not Add It Again.


Done. Save and Exit From The Editor



NOTE:- THIS TUT IS INCOMPLETE. I AM CURRENTLY MAKING THE THREAD.. I DON'T HAVE A PC WITH ME. IT WILL TAKE SOME MONTHS. SO PLEASE WAIT FOR TWO OR 3 MONTHS
 
Last edited:
  • Like
Reactions: Eures, lollipopocska, nebixts and 26 others
You must log in or register to reply here.

Similar threads

A
[TOOL] [UPDATE 04/09/2015] Flashtool version 0.9.19.10 - Windows / Linux / Mac
Replies
4K
Views
5M
Z
zdob
zxz0O0
Easy Root Tool for various Xperia devices
Replies
2K
Views
1M
L
lawrenceh
[NUT]
[DEVDB][TWRP][PhilZ Touch] XZDualRecovery 2.8.26 RELEASE
Replies
7K
Views
2M
P
psuryatej
olokos
Unlock all bands of your Qualcomm device! Use your phone globally! No bs!
Replies
2K
Views
1M
Shahnewaz
Shahnewaz
DevShaft
[UNMAINTAINED][TOOL][LB][ROOT] Backup TA v9.11 for Windows [20140615]
Replies
2K
Views
984K
O
OS11

Top Liked Posts

24 Hours All time
  • There are no posts matching your filters.
  • 29
    Rajeev
    Rajeev
    [TUTORIAL] [4.1+] [UPDATE :- 24.06.2014] Changing Theme Color For Phonebook & Dialer




    Dear Friends

    Here I Am Presenting You Another Coolest Tutorial For Changing Phonebook and Dialer Run Time Theme Color According To System Theme Change. U Don't Need To Edit Any Smali Files For This. All Are Just XML Editing Only. For This Mod U Need Only Two APKs. Phonebook and SemcPhone. This Tutorial Should Work In Android 4.1+.

    So Lets Begin ...


    PHONEBOOK.apk
    Click to expand...
    Click to collapse


    De Compile Phonebook.apk
    Go To res/values/Styles.xml

    Find These Lines

    Code: 
    <style name="Dialpad.Digit" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_digit_text_size</item>
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
<item name="android:layout_centerVertical">true</item>

    And Add The Red Marked Lines

    Code: 
    <style name="Dialpad.Digit" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_digit_text_size</item>
[COLOR="Red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">5.0</item>
<item name="android:shadowDy">5.0</item>
<item name="android:shadowRadius">5.0</item>
[/COLOR]<item name="android:layout_centerVertical">true</item>

    Find These Lines

    Code: 
    <style name="Dialpad.Star" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_star_text_size</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:includeFontPadding">false</item>
<item name="android:layout_centerVertical">true</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Dialpad.Star" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_star_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
<item name="android:gravity">center_horizontal</item>
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">5.0</item>
<item name="android:shadowDy">5.0</item>
<item name="android:shadowRadius">5.0</item>
[/COLOR]<item name="android:layout_centerVertical">true</item>
</style>

    Find These Lines

    Code: 
    <style name="Dialpad.Pound" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_pound_text_size</item>
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
<item name="android:layout_centerVertical">true</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Dialpad.Pound" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_pound_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">5.0</item>
<item name="android:shadowDy">5.0</item>
<item name="android:shadowRadius">5.0</item>
[/COLOR]<item name="android:layout_centerVertical">true</item>
</style>

    Find These Lines

    Code: 
    <style name="Dialpad.Plus" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_plus_text_size</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Dialpad.Plus" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_plus_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color</item>
<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">2.0</item>
<item name="android:shadowDy">2.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]</style>

    Find These Lines

    Code: 
    <style name="Dialpad.Label" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_label_text_size</item>
<item name="android:includeFontPadding">false</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Dialpad.Label" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_label_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color</item>[/COLOR]
<item name="android:includeFontPadding">false</item>
[COLOR="red"]<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">2.0</item>
<item name="android:shadowDy">2.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]</style>

    Find These Lines

    Code: 
    <style name="Dialpad.Call" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_call_text_size</item>
<item name="android:textColor">@android:color/white</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Dialpad.Call" parent="@style/Dialpad">
<item name="android:textSize">@dimen/dialpad_call_text_size</item>
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_dark</item>[/COLOR]
</style>

    Find These Lines

    Code: 
    <style name="Theme.Spb" parent="@android:style/Theme.DeviceDefault.Light">
<item name="android:windowActionBar">true</item>
<item name="android:actionBarStyle">@style/SemcActionBar</item>
<item name="android:actionBarTabStyle">@style/SemcActionBarTabView</item>
<item name="android:actionBarTabBarStyle">@style/SemcActionBarTabBar</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="android:actionBarWidgetTheme">@style/SemcActionBarWidget</item>
<item name="android:layoutDirection">ltr</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Theme.Spb" parent="@android:style/Theme.DeviceDefault.Light">
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color_neutral</item>
<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">3.0</item>
<item name="android:shadowDy">3.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]<item name="android:windowActionBar">true</item>
<item name="android:actionBarStyle">@style/SemcActionBar</item>
<item name="android:actionBarTabStyle">@style/SemcActionBarTabView</item>
<item name="android:actionBarTabBarStyle">@style/SemcActionBarTabBar</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="android:actionBarWidgetTheme">@style/SemcActionBarWidget</item>
<item name="android:layoutDirection">ltr</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

    Find These Lines

    Code: 
    <style name="Theme.Default" parent="@android:style/Theme.DeviceDefault.Light">
<item name="android:windowActionBar">true</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

    And Add The Red Marked Lines

    Code: 
    <style name="Theme.Default" parent="@android:style/Theme.DeviceDefault.Light">
[COLOR="red"]<item name="android:textColor">@color/theme_accent_color</item>
<item name="android:shadowColor">@android:color/black</item>
<item name="android:shadowDx">2.0</item>
<item name="android:shadowDy">2.0</item>
<item name="android:shadowRadius">2.0</item>
[/COLOR]<item name="android:windowActionBar">true</item>
<item name="android:windowEnableSplitTouch">false</item>
<item name="com.sonyericsson.uxp:extendedLookAndFeel">true</item>
<item name="listSeparatorBoxTextViewStyle">@style/ListSeparatorBoxTextViewStyle</item>
<item name="textAppearanceExtraLargeInverse">@style/Default.TextAppearance.ExtraLarge.Inverse</item>
</style>

    Done. Save and Exit From The Editor


    Now Go To res/values/Colors.xml

    Find This Line

    Code: 
    <color name="theme_accent_color">@com.sonyericsson.uxp:color/somc_theme_accent_color_light</color>

    And Change To This Line

    Code: 
    <color name="theme_accent_color">@com.sonyericsson.uxp:color[COLOR="red"]/semc_theme_accent_color[/COLOR]</color>

    Scroll Down To Last and Add These Lines To There

    Code: 
    <color name="add_edit_header_background">#ffefefef</color>
<color name="theme_accent_color_neutral">@com.sonyericsson.uxp:color/somc_accent_color_neutral</color>
<color name="theme_illumination_color">@com.sonyericsson.uxp:color/semc_theme_illumination_color</color>
<color name="theme_accent_color_dark">@com.sonyericsson.uxp:color/somc_theme_accent_color_dark</color>
<color name="theme_accent_color_light">@com.sonyericsson.uxp:color/somc_theme_accent_color_light</color>

    Important Note :

    First Look For " <color name="add_edit_header_background">#ffefefef</color> In Ur Res/values/colors.xml. If The Line Is Already There Means Do Not Add It Again.


    Done. Save and Exit From The Editor



    NOTE:- THIS TUT IS INCOMPLETE. I AM CURRENTLY MAKING THE THREAD.. I DON'T HAVE A PC WITH ME. IT WILL TAKE SOME MONTHS. SO PLEASE WAIT FOR TWO OR 3 MONTHS
    View
    4
    Rajeev
    Rajeev
    hamidreza2010 said:
    hi
    thanks a lot bro
    i will try it
    thanks
    Click to expand...
    Click to collapse

    There Is A Button Called Thanks...
    View
    2
    Ticklefish
    Ticklefish
    XperienceD said:
    Can People who have edited theirs show a screenshot of their Contact Edit screen please, got this annoying white on white text to sort out.

    2r5un43.png
    Click to expand...
    Click to collapse

    I haven't...but I'll take a look at it now for you.

    ---------- Post added at 03:22 PM ---------- Previous post was at 02:47 PM ----------
    XperienceD said:
    Can People who have edited theirs show a screenshot of their Contact Edit screen please, got this annoying white on white text to sort out.

    2r5un43.png
    Click to expand...
    Click to collapse

    Have a look at 'contact_editor_label_name_dialog.xml'. There should be an EditText line in it, which you can use 'android:textColor' and 'android:background' attributes on.

    In theory, this should solve this issue. :)
    View
    2
    Rajeev
    Rajeev
    dyval said:
    hi bro. how to decompile APK? can I do this directly on my phone using root explorer?thanks
    Click to expand...
    Click to collapse

    Hi

    U can use several ways for that.. U can't do that via root explorer... Use a PC

    Download Advanced APK Tool v2 by BDFreak and Install it in ur pc along with java sdk.. One of the greatest apktool .. And U can use Tickle My Android Tool By @Ticklefish.. Thats also an amazing tool....
    View
    1
    Pandemic
    Pandemic
    Awesome and good tut bro @Rajeev ^^
    Btw check your inbox ;)

    Send from my XZ With My Own Personal Modified MoonWalker SuperB !
    View

New posts