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

Search This thread

Rajeev

Recognized Contributor
Nov 24, 2012
16,298
26,531
263
Chennai , I N D I A
[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


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:

Top Liked Posts

  • There are no posts matching your filters.
  • 29
    [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


    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
    4
    hi
    thanks a lot bro
    i will try it
    thanks

    There Is A Button Called Thanks...
    2
    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

    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 ----------

    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

    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. :)
    2
    hi bro. how to decompile APK? can I do this directly on my phone using root explorer?thanks

    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....
    1
    Awesome and good tut bro @Rajeev ^^
    Btw check your inbox ;)

    Send from my XZ With My Own Personal Modified MoonWalker SuperB !
Our Apps
Get our official app!
The best way to access XDA on your phone
Nav Gestures
Add swipe gestures to any Android
One Handed Mode
Eases uses one hand with your phone