Related
Hello themers and members who want to learn how to theme swype. I decided to do this since Swype will cry a river for posting swype apk's. So I thought I would post a how to theme them for your personal use.
Tools I use:
7Zip
Link: http://www.7-zip.org/
Apk tool v1.4.3 (to Decompile the apk's)
Link: http://code.google.c...ndroid-apktool/
Apk MultiTool Alpha02 (to extract and or compile the apk's)
Link: http://forum.xda-dev...d.php?t=1310151
HexEdit v1.03 (to edit trace line colors)
Link: http://www.physics.o...rewett/hexedit/
Gimp (you can use whatever edits or creates png files)
Link: http://www.gimp.org/windows/
Creativity
Link: http://www.Your Brain .com
If you have never used any of these tools then this is not for you, so do research on how to use those tools before asking cause this is not a GENERAL how to use them thread!!!!
2 - ways to do this!!!
SIMPLE
1. Simple way to just replace Images only:
- You can extract the apk using apk MultiTool to get a copy of the apk to your computer - or a file manager like astro or root explorer
- Extract the apk
- Make a copy of the original apk in the "place-apk-here-for-signing" folder of apk MultiTool
- open the apk with 7zip and delete the "META-INF" folder inside
- go to the projects folder for apk MultiTool and edit your swype images in the assets/keyboard and the res/drawable.... folders "Exeption" This way you can't edit the .9.png's in this folder so if you want to you have to do the ADVANCED procedure!!!!
ALSO
Be careful with the keyboard images...they cannot be layered and flattened...you must create the images with the same size and copy paste them in the image pallette. If you don't then they will not stretch on the keyboard. You can edit the images as they are with filters and direct changes but no layers!!! "I know weird huh?"
- once done with image editing you can open the copied apk in the "place-apk-here-for-signing" folder and just drag the entire assets and res folders to the opened apk
- close the 7zip window and sign it with apk MultiTool
- install like a normal apk DONE!!!
- you can edit the tracelines but you will have to look at those steps in the advanced section below
ADVANCED
2. Advanced way to edit almost everything:
- You can extract the apk using apk MultiTool to get a copy of the apk to your computer - or a file manager like astro or root explorer
- Decompile using the newest APK Tool
- Edit the Images first and as usual be careful of .9.png's border guide lines
ALSO
Be careful with the keyboard images...they cannot be layered and flattened...you must create the images with the same size and copy paste them in the image pallette. If you don't then they will not stretch on the keyboard. You can edit the images as they are with filters and direct changes but no layers!!! "I know weird huh?"
- to edit the prediction colors you have to edit the xml's in folders res/drawable-hdpi and the res/values
drawable-hdpi folder for the backgrounds, dividers and pressed events:
I placed the codes I used in DarkSwype after each line as a guide!!!
hwcl_dark_divider.xml #ff767a7f
hwcl_dark_pressed.xml #ffffffff
hwcl_dark_tapped.xml #ff4d4e50
hwcl_greenhighlight_background.xml #ff272727
hwcl_greenhighlight_divider.xml #ff484848
hwcl_greenhighlight_pressed.xml #ff000000
hwcl_greenhighlight_tapped.xml #ff373737
hwcl_light_background.xml #fff7f7f7
hwcl_light_divider.xml #ffd3d3d3
hwcl_light_pressed.xml #ff000000
hwcl_light_tapped.xml #ffe1e1e1
Values folder:
Colors.xml
These control the actual prediction font colors!!!
Edit the lines that start with hwcl_ " I think they explain what they do pretty clealy but just to give an example my lines look like this for DarkSwype theme:
<color name="hwcl_dark_plain_text">#ffffffff</color>
<color name="hwcl_dark_default_text">#ff777777</color>
<color name="hwcl_dark_nwp_word">#ff777777</color>
<color name="hwcl_light_plain_text">#ff000000</color>
<color name="hwcl_light_default_text">#ff000000</color>
<color name="hwcl_light_pressed_text">#ffffffff</color>
<color name="hwcl_light_nwp_word">#ff777777</color>
<color name="hwcl_green_highlight_plain_text">#ff787878</color>
<color name="hwcl_green_highlight_default_text">#ffffffff</color>
<color name="hwcl_green_highlight_pressed_text">#ffffffff</color>
<color name="hwcl_green_highlight_nwp_word">#ff777777</color>
There was no real method I used mostly guess work and might do this better in my next releases..I'll admit there might be a better color combination...I was lazy
- Now for the fun!!! The dreadded "Trace line color"
- take the libswypecore.so from the lib/armeabi folder and place in a safe place you can find easily
- run hexedit.exe and locate the .so file and open it
- you will see three columns... the one we are focusing on is the middle
- click on find and select "Hex"
- search for this exactly : 00 a2 ff
That is the orange Hex code in the new swpye beta
This would normally look like this #ffffa200 but it's backwards in sets of two thus 00 a2 ff - the first two ff in #ff...... is transparency so it's not used so more examples to use: blue #ff0000ff would be ff 00 00 and red #ffff0000 would be 00 00 ff just to give examples...use the color of choice and replace the 00 a2 ff with your color choice...I searched for the 00 a2 ff and found two lines with this combo and I edited the second set only to my desired color and It works perfect.
- Now save the .so in the lib/armeabi folder of your project
- ok time to compile...DO NOT USE APKTOOL TO COMPILE
Move the original apk and the decompiled Swype folder to APK MultiTool and use it to compile. "I know this is weird but it works!!! Make sure you place the apk in "place-apk-here-for-modding" and the swype folder in the "projects" folder then compile and sign!!!
- You have now themed swype like I have YAY!!!
TO Make Zips
I will only give the simple steps so if you can't sign update.zips or know how to edit the updater-script file then google it!!!
- Place your Modded/themed apk in the system/app folder of the zip as Swype.apk with NO version number!!!
- place the libswypecore.so and libnmsp_speex.so files from the apk's lib/armeabi folder to the system/lib folder of the zip only...NOT inside another folder like in the apk!!!
Also the libswypecore.so file must NOT have the version number in the file name so rename to libswypecore.so!!!!
That's it!!!!
Or just place those files in the rom you use and flash it with it!!!
NEW SWYPE BETA
Originally Posted by Zephyrty
OK, so maybe this is a final fix, it works but is not ideal.
Starting from the beginning:
Install Swype Beta (unmodded) on your phone
Open the Swype apk on your computer using winrar/7zip
replace resources.arsc/PNG's ect
DON'T SIGN THE APK
Copy over to your SD card for later
Using Root Explorer (or whatever) navigate to: /data/data/com.nuance.swype.input/lib
MOVE the libs to: /system/lib/
Fix the permissions of the moved libs
Now copy your modded Swype.apk to /system/app/
Fix permissions
DELETE the original com.nuance.swype.input.apk from /data/apk/
Reboot
Click to expand...
Click to collapse
Just done all this myself, everything works. Even after rebooting multiple times.
Hope this all makes sense so If you have questions on these instructions and not how to use the tools then ask..if not Google it...thanks and have fun!!!
DJ Darkknight
Very nice write up bro! Thanks! I'm definitely gonna have to give this a go!
Sent from my BluMagic CM7 Glacier using the Blu Premium App
Smokem_I said:
Very nice write up bro! Thanks! I'm definitely gonna have to give this a go!
Sent from my BluMagic CM7 Glacier using the Blu Premium App
Click to expand...
Click to collapse
Awesome!
DarkGingered CM7.2 rc0 Euroskank G2x sent this on DarkXda app!
Updated with the new trace line info!
DarkICE CM9 Skanked sent this from the app!
Awesome info! After lots of trial and error I was able to get all these themed! Anyway of changing the keyboard letter color from white to something else?
i wonder if I could use this method to theme swiftkey, i tried so many things to theme it but can never re-compile..
RogueCoyote said:
Awesome info! After lots of trial and error I was able to get all these themed! Anyway of changing the keyboard letter color from white to something else?
Click to expand...
Click to collapse
Cool, glad it helped. No unfortunately every attempt I tried has failed to theme the letters on the keys. They are looking at the system font with the color code within framework.
DarkICE CM9 Skanked sent this from the app!
zicovsky said:
i wonder if I could use this method to theme swiftkey, i tried so many things to theme it but can never re-compile..
Click to expand...
Click to collapse
I'm not sure, I never themed swiftkey but it might work to try the decompile, compile trick I used.
DarkICE CM9 Skanked sent this from the app!
Thank you for this guide! Now I can finally get rid of the orange trace!
flyrocket said:
Thank you for this guide! Now I can finally get rid of the orange trace!
Click to expand...
Click to collapse
Sweet, glad it's helping!
DarkICE CM9 Skanked sent this from the app!
android:versionName="1.0.3.5809" package="com.nuance.swype.input"
Thanks for this info, it was very helpful.
The new swype is a big improvement for theming-
New version keeps most images inside res now.
Only a couple of keyboard buttons to edit (needs .9.patching), should speed things up.
Trail colour is inside the colors.xml
res/values/colors.xml
HTML:
<color name="trace_color">#b2ffa200</color>
A lot easier than hex editing
The above changes could be a big step towards supporting themes.
RogueCoyote said:
Anyway of changing the keyboard letter color from white to something else?
Click to expand...
Click to collapse
HTML:
<color name="key_text_color">#ffffffff</color>
I haven't had a chance to try it out yet but judging by the name and the display of the keyboard this should be the value to edit.
Here's the full color.xml for anyone intersted:
HTML:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="key_text_color">#ffffffff</color>
<color name="alt_text_color">#ffb8b8b8</color>
<color name="key_popup_label_text_color">#ffffffff</color>
<color name="func_key_text_color">#ffffffff</color>
<color name="func_alt_text_color">#ffb8b8b8</color>
<color name="popup_key_color">#ffffffff</color>
<color name="shadow_color">#ff000000</color>
<color name="alt_shadow_color">#ff000000</color>
<color name="trace_color">#b2ffa200</color>
<color name="candidate_normal">#ffffffff</color>
<color name="candidate_recommended">#ffffa200</color>
<color name="candidate_other">#ffffffff</color>
<color name="candidate_component">#ff006600</color>
<color name="candidate_pressed">#ff000000</color>
<color name="list_selector_background_pressed">#ffffffff</color>
<color name="list_selector_background_tapped">#ff4d4e50</color>
<color name="word_error_foreground_color">#ffc00000</color>
<color name="word_error_background_color">#00ffffff</color>
<color name="word_next_word_prediction_foreground_color">#ffcccccc</color>
<color name="word_next_word_prediction_background_color">#00ffffff</color>
<color name="word_inline_foreground_color">#ffffffff</color>
<color name="word_inline_background_color">#ffffa200</color>
<color name="word_stem_foreground_color">#ff000000</color>
<color name="word_stem_background_color">#00ffffff</color>
<color name="multitap_foreground_color">#ffffffff</color>
<color name="multitap_background_color">#ff444444</color>
<color name="selected_foreground_color">#aa000000</color>
<color name="spelling_foreground_color">#99000066</color>
<color name="component_foreground_color">#ff006600</color>
<color name="invalid_foreground_color">#ffff0000</color>
<color name="error_flash_background_color">#ccff0000</color>
<color name="ver_candidate_normal">#fff5f5dc</color>
<color name="ver_candidate_recommended">#ffffa200</color>
<color name="ver_candidate_other">#fff5f5dc</color>
<color name="ver_candidate_pressed">#ff000000</color>
<color name="ver_candidate_component">#ff006600</color>
<color name="white">#ffffffff</color>
<color name="black">#ff000000</color>
<color name="transparent">#00000000</color>
<color name="semi_transparent">#30000000</color>
<color name="background_dark">#ff1a1a1a</color>
<color name="about_swype_links">#ffffa200</color>
<color name="about_dragon_links">#ff48a842</color>
<color name="preference_bar_begin">#ffc1c1c1</color>
<color name="preference_bar_middle">#ff8c8c8c</color>
<color name="preference_bar_end">#ff8c8c8c</color>
<color name="handwriting_mode_display_color">#ffcccccc</color>
</resources>
dully79 said:
Thanks for this info, it was very helpful.
The new swype is a big improvement for theming-
New version keeps most images inside res now.
Only a couple of keyboard buttons to edit (needs .9.patching), should speed things up.
Trail colour is inside the colors.xml
res/values/colors.xml
HTML:
<color name="trace_color">#b2ffa200</color>
A lot easier than hex editing
The above changes could be a big step towards supporting themes.
HTML:
<color name="key_text_color">#ffffffff</color>
I haven't had a chance to try it out yet but judging by the name and the display of the keyboard this should be the value to edit.
Here's the full color.xml for anyone intersted:
HTML:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="key_text_color">#ffffffff</color>
<color name="alt_text_color">#ffb8b8b8</color>
<color name="key_popup_label_text_color">#ffffffff</color>
<color name="func_key_text_color">#ffffffff</color>
<color name="func_alt_text_color">#ffb8b8b8</color>
<color name="popup_key_color">#ffffffff</color>
<color name="shadow_color">#ff000000</color>
<color name="alt_shadow_color">#ff000000</color>
<color name="trace_color">#b2ffa200</color>
<color name="candidate_normal">#ffffffff</color>
<color name="candidate_recommended">#ffffa200</color>
<color name="candidate_other">#ffffffff</color>
<color name="candidate_component">#ff006600</color>
<color name="candidate_pressed">#ff000000</color>
<color name="list_selector_background_pressed">#ffffffff</color>
<color name="list_selector_background_tapped">#ff4d4e50</color>
<color name="word_error_foreground_color">#ffc00000</color>
<color name="word_error_background_color">#00ffffff</color>
<color name="word_next_word_prediction_foreground_color">#ffcccccc</color>
<color name="word_next_word_prediction_background_color">#00ffffff</color>
<color name="word_inline_foreground_color">#ffffffff</color>
<color name="word_inline_background_color">#ffffa200</color>
<color name="word_stem_foreground_color">#ff000000</color>
<color name="word_stem_background_color">#00ffffff</color>
<color name="multitap_foreground_color">#ffffffff</color>
<color name="multitap_background_color">#ff444444</color>
<color name="selected_foreground_color">#aa000000</color>
<color name="spelling_foreground_color">#99000066</color>
<color name="component_foreground_color">#ff006600</color>
<color name="invalid_foreground_color">#ffff0000</color>
<color name="error_flash_background_color">#ccff0000</color>
<color name="ver_candidate_normal">#fff5f5dc</color>
<color name="ver_candidate_recommended">#ffffa200</color>
<color name="ver_candidate_other">#fff5f5dc</color>
<color name="ver_candidate_pressed">#ff000000</color>
<color name="ver_candidate_component">#ff006600</color>
<color name="white">#ffffffff</color>
<color name="black">#ff000000</color>
<color name="transparent">#00000000</color>
<color name="semi_transparent">#30000000</color>
<color name="background_dark">#ff1a1a1a</color>
<color name="about_swype_links">#ffffa200</color>
<color name="about_dragon_links">#ff48a842</color>
<color name="preference_bar_begin">#ffc1c1c1</color>
<color name="preference_bar_middle">#ff8c8c8c</color>
<color name="preference_bar_end">#ff8c8c8c</color>
<color name="handwriting_mode_display_color">#ffcccccc</color>
</resources>
Click to expand...
Click to collapse
I already theme it but it crashes one you try opening it in you're phone. I only got it to work with the theme chooser. Did you get it to work right?
Sent from my DarkICE Skanky CM9 Gnex using the app!
djdarkknight96 said:
I already theme it but it crashes one you try opening it in you're phone. I only got it to work with the theme chooser. Did you get it to work right?
Sent from my DarkICE Skanky CM9 Gnex using the app!
Click to expand...
Click to collapse
I thought you might, no flies on you.
No I haven't had a chance to mess with it yet made, Oct got a day off tomorrow so I'll have a fiddle.
Out of curiosity did you sign it with a personal key or a test key?
dully79 said:
I thought you might, no flies on you.
No I haven't had a chance to mess with it yet made, Oct got a day off tomorrow so I'll have a fiddle.
Out of curiosity did you sign it with a personal key or a test key?
Click to expand...
Click to collapse
A test key like before....hmmmm I could try my personal key but not sure that would matter. I'll give it a try though.
Sent from my DarkICE Skanky CM9 Gnex using the app!
I'm having issues too.
If I change any of the 9.patch images it won't compile, just throws up a bunch of errors. If I change the colors.xml and the non-9.patch images it compiles fine and installs fine, but when I try to use it on my phone it gives the "Unfortunately Swype has stopped working" error.
Zephyrty said:
I'm having issues too.
If I change any of the 9.patch images it won't compile, just throws up a bunch of errors. If I change the colors.xml and the non-9.patch images it compiles fine and installs fine, but when I try to use it on my phone it gives the "Unfortunately Swype has stopped working" error.
Click to expand...
Click to collapse
Same here, going to try some trial and error with images only then code only. What's odd though I did a test of the app without touching anything and it works with the test key. So it's not the decompile or compile breaking it.
Sent from my DarkICE Skanky CM9 Gnex using the app!
swype theme problem
hey ive managed to theme it and it opens no errors but when i try to use the swype nothing happens the trace line shows up but never types anything but just typing on the keyboard without swyping works never had this problem before anybody know what could be causing this
andylap said:
hey ive managed to theme it and it opens no errors but when i try to use the swype nothing happens the trace line shows up but never types anything but just typing on the keyboard without swyping works never had this problem before anybody know what could be causing this
Click to expand...
Click to collapse
I just got that to happen by moving the images to the original...it's like it refuses to theme whatsoever...but I did get it working perfectly in the theme chooser in CM9 with images and code edits. This is so weird! So to sum things up...change code only...crash...change images only....breaks it....using theme chooser...works perfect! WTF?
Sent from my DarkICE Skanky CM9 Gnex using the app!
djdarkknight96 said:
What's odd though I did a test of the app without touching anything and it works with the test key. So it's not the decompile or compile breaking it.
Click to expand...
Click to collapse
Haha yep, I did the exact same thing after the first compile threw up errors. So weird. I don't even know what to try next, maybe I'll just wait until one of you guys figures it out.
---------- Post added at 09:15 PM ---------- Previous post was at 08:20 PM ----------
andylap said:
hey ive managed to theme it and it opens no errors but when i try to use the swype nothing happens the trace line shows up but never types anything but just typing on the keyboard without swyping works never had this problem before anybody know what could be causing this
Click to expand...
Click to collapse
djdarkknight96 said:
I just got that to happen by moving the images to the original...
Click to expand...
Click to collapse
Yeah just tried this myself by replacing the images directly into the apk without decompiling, deleted meta-inf and re-signed. No errors but swyping doesn't work.
yeah i even tried to just use 7zip and just put the stock images over top the stock images and resign and swype still doesnt work only thing that i can think of is something with the signature is whats causing the swype to not work but theres no other way to get it to install without signing so im at a loss at this point
Hey Guys I am back with my new guide
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Here i'll show you How to theme your settings.apk to look like xperia .As you all know sony uses colorizable function for changing the themes
But AOSP framework Doesn't support colorizable function so i've modified the files from xperia rom to make it work on AOSP roms
Topics Covered :-
1.changing switch style to look like Xperia
2.changing only settings background
3.changing the settings header style
4.How to theme settings.apk to look like XZ2
5.changing the icons and more
Click to expand...
Click to collapse
Requirements:-
apktool 2.0.0b9
Notepad++
Knowledge about decompiling and recompiling
Time and Patience
Click to expand...
Click to collapse
Decompile your framework-res.apk
download the resources from attachment and merege it with yours
navigate to framework-res.apk/res/values and open styles.xml
find
Code:
<style name="Widget.Holo.CompoundButton.Switch" parent="@style/Widget.Holo.CompoundButton">
OR
Code:
<style name="Widget.Holo.CompoundButton.Switch"
replace the style with this
Code:
<style name="Widget.Holo.CompoundButton.Switch" parent="@style/Widget.Holo.CompoundButton">
<item name="textOn">@string/somc_btn_on</item>
<item name="textOff">@string/somc_btn_off</item>
<item name="thumb">@drawable/semc_switch_inner_holo_dark</item>
<item name="switchTextAppearance">@style/TextAppearance.DeviceDefault.Widget.Switch</item>
<item name="track">@drawable/semc_switch_track_holo_dark</item>
<item name="switchMinWidth">72.0dip</item>
<item name="switchPadding">4.0dip</item>
<item name="thumbTextPadding">@dimen/somc_switch_text_padding</item>
</style>
like this :
and add this at the end of styles.xml before </resources>
Code:
<style name="TextAppearance.DeviceDefault.Widget.Switch" parent="@style/TextAppearance.DeviceDefault.Small">
<item name="textSize">10.0dip</item>
<item name="typeface">sans</item>
<item name="textStyle">bold</item>
<item name="textColor">@color/semc_switch_text_color</item>
</style>
like this :
now open /res/values/strings.xml and add the specified lines at the end
if you don't want on/off text on the switch add these
like this :
Code:
<string name="somc_btn_on">I</string>
<string name="somc_btn_off">?</string>
or
if you want on/off text on the switch add these
like this :
Code:
<string name="somc_btn_on">ON</string>
<string name="somc_btn_off">OFF</string>
open /res/values/dimens.xml and add this at the end
Code:
<dimen name="somc_switch_text_padding">7.0dip</dimen>
thats it now recompile your framework-res
EXTENDED THEMING TO YOUR SETTINGS ON POST #5
Enjoy
IF YOU LIKE MY WORK DON'T FORGET TO HIT THANKS BUTTON
To theme your settings look like honami style
for xperia stlye switch follow the above guide
First Decompile your settings.apk and merge the resources from the attachment
open AndroidMainfeast.xml and change this line as shown
Code:
<application android:hardwareAccelerated="true" android:icon="@mipmap/ic_launcher_settings" android:label="@string/settings_label" android:supportsRtl="true" android:taskAffinity="" [B][COLOR="Red"]android:theme="@style/Theme.Holo" [/COLOR][/B]android:uiOptions="splitActionBarWhenNarrow">
now open res/values/styles.xml and add this (if you alreadry have this style change it to look like mine)
Code:
<style name="Theme.Holo" [COLOR="Red"]parent="@*android:style/Theme.DeviceDefault.Light">[/COLOR]
<item name="android:textColor">#ff000000</item>
<item name="android:listSeparatorTextViewStyle">@style/ListSeparator</item> [COLOR="red"]#### add this line to apply new header style to settings and its activities ####
[/COLOR] [COLOR="Blue"]<item name="android:windowBackground">@drawable/[COLOR="Purple"]your_background[/COLOR]</item>[/COLOR] [COLOR="red"]#### add this line to apply custom background for settings and its activities ####[/COLOR]
</style>
if you want to add custom background to settings and its activities replace your_background with your image name
also add this at the end of styles.xml
Code:
<style name="ListSeparator" parent="@android:style/Widget.DeviceDefault.Light.TextView.ListSeparator">
<item name="android:textSize">14.0sp</item>
<item name="android:textStyle">normal</item>
[COLOR="blue"] <item name="android:textColor">[COLOR="Red"]#ffED2A2F[/COLOR]</item>[/COLOR] [COLOR="red"]####for changing header's text color ####
[/COLOR] <item name="android:gravity">center_vertical</item>
[COLOR="blue"] <item name="android:background">@drawable/[COLOR="red"]semc_list_section_divider_holo_light[/COLOR]</item>[/COLOR] [COLOR="red"]####for changing header background ####[/COLOR]
<item name="android:paddingLeft">8.0dip</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textAllCaps">true</item>
</style>
if you face any bugs like this
Now open
smali/com/android/settings/applications/ManageApplications$ApplicationsAdapter.smali
Search for
Code:
[B]getColorStateList[/B]
above that you will see this
Code:
[COLOR="red"]0x1060001 [/COLOR]
like this :
change it to
Code:
[COLOR="red"]0x106000[COLOR="Blue"]4[/COLOR][/COLOR]
This will fix the white text on white background problem in manage aplications tab items.
type 1 :
type 2 :
for type 1 merge the contents of type1.zip to your settings.apk
for type 2 merge the contents of type2.zip to your settings.apk
Finally Recompile your settings and flash it .
enjoy
nice work
Extended theming to your settings
In this guide I will show you how to change ram usage bar color and pager tabs color to your favourite color
1. for changing ram usage bar color
Decompile your settings.apk and Navigate to
Code:
\Settings.apk\smali\com\android\settings\applications\[COLOR="blue"][COLOR="blue"]LinearColorBar.smali[/COLOR][/COLOR]
now search for
HTML:
-0xff6634
replace --0xff6634 with your favourite color
To find smali equivalent of the color
download hex_to_smali_convertor.zip from attachment and open acc.hta type your favourite hex code and replace its smali equivalent thats it
like this :-
i.e In the above example replace -0xff6634 with -0xCC4A1B
2 .For changing the pager tab color
open settings.apk/res/values/colors.xml and add this at the end
Code:
[B]<color name="carbon_accent_dark">#[COLOR="Red"]ff9d4f93[/COLOR]</color>[/B]
replace ff9d4f93 with your favourite hex code( you can find easily hex equivalent in paint.net/photoshop )
recompile the settings
now again decompile the new settings.apk and navigate to
\Settings\smali\com\android\settings\applications\ManageApplications.smali
find
0x1060012
also open settings.apk/res/values/public.xml and find
Code:
<public type="color" name="carbon_accent_dark" id="[COLOR="red"]0x7f0a001a[/COLOR]" />
here replace 0x1060012 with 0x7f0a001a
thats it recompile everything and sign it and flash
Note :- the id 0x7f0a001a will be different for your rom
nice job
hi Sir
can u share na blur background? tnx sir
Hi pavan kr, I did follow your guide and try to modify my ROM as you said, but after I decompile your framework-res.apk successfully, I found there is no exist of framework-res.apk/res/values dircetory at all. My ROMis CM11 for HTC one X. I also check the other AOSP ROM, and again there is no framework-res.apk/res/values dircetory as well. How can that happen ? Thanks for advise.
I dont have the 0x1060012 in ManageApplications.smali
the_vanya1 said:
I dont have the 0x1060012 in ManageApplications.smali
Click to expand...
Click to collapse
If 0x1060012 is not present then search only for 0x10600 .
Always this must be a resource id linked with framework-res
chihliouma said:
Hi pavan kr, I did follow your guide and try to modify my ROM as you said, but after I decompile your framework-res.apk successfully, I found there is no exist of framework-res.apk/res/values dircetory at all. My ROMis CM11 for HTC one X. I also check the other AOSP ROM, and again there is no framework-res.apk/res/values dircetory as well. How can that happen ? Thanks for advise.
Click to expand...
Click to collapse
AFAIK once you decompile the apk there exist values folder if you have installed proper framework-res.apk ...
Use newer version of apktool 2.0+ and try..
Another metod
Settings\smali\com\android\settings\applications\ManageApplications.smali search
.local v4, tabs:Landroid/support/v4/view/PagerTabStrip;
- const v5, 0x1060012
and replace 0x1060012
pavan kr said:
AFAIK once you decompile the apk there exist values folder if you have installed proper framework-res.apk ...
Use newer version of apktool 2.0+ and try..
Click to expand...
Click to collapse
Thanks for the answer. I guess you are right that the software I use previously is not really decomiple the file. But after I have tried to build up the whole environment with JAVA JDK, and apktool from the ground, and start the decompile process, it jumps to me some error such as below :
"Exception in thread "main" brut.androlib.AndrolibException: Multiple resources:........"
I tried to google but still not sure what's the issue there, can you advise me any website that I can learn to start the process correctly ? Thanks.
PS. atatched please find the framework-res.apk that Iried to decompile but fail. I hope the issue is not in the file itself.
PS2. I just tried to decompile some other apk file than this framework-res.apk, and it does decompile successfuly. Does that mean some native issue existing inside the framework-res.apk ???
chihliouma said:
Thanks for the answer. I guess you are right that the software I use previously is not really decomiple the file. But after I have tried to build up the whole environment with JAVA JDK, and apktool from the ground, and start the decompile process, it jumps to me some error such as below :
"Exception in thread "main" brut.androlib.AndrolibException: Multiple resources:........"
I tried to google but still not sure what's the issue there, can you advise me any website that I can learn to start the process correctly ? Thanks.
PS. atatched please find the framework-res.apk that Iried to decompile but fail. I hope the issue is not in the file itself.
PS2. I just tried to decompile some other apk file than this framework-res.apk, and it does decompile successfuly. Does that mean some native issue existing inside the framework-res.apk ???
Click to expand...
Click to collapse
have a look at these guides it will help you
1 . http://forum.xda-developers.com/showthread.php?p=41491514
2. http://forum.xda-developers.com/showthread.php?t=1989533
pavan kr said:
have a look at these guides it will help you
1 . http://forum.xda-developers.com/showthread.php?p=41491514
2. http://forum.xda-developers.com/showthread.php?t=1989533
Click to expand...
Click to collapse
Thanks for the reply.In fact, I did google and tried some similar guide websites and I almost can confirm that my enrionement setup and apktool installation is good to go because it seems decompile other apks are quite ok, but only problem is to decoplie the attached framework-res.apk. If you have time, I am wondering if you can help to try to decompile in your current enerionment system to see if my assumption is correct. Thanks.
works on JB? 4.1.2 qualcomm
Nice job,,,thanks
when i try to recompile its show those error. see here http://forum.xda-developers.com/showthread.php?t=2964076
This tutorial does not work on my device. can anyone have a tutorial like this for Lenovo a328 (6582 MTK device with KK 4.4.2)
pavan kr said:
Hey Guys I am back with my new guide
Here i'll show you How to theme your settings.apk to look like xperia .As you all know sony uses colorizable function for changing the themes
But AOSP framework Doesn't support colorizable function so i've modified the files from xperia rom to make it work on AOSP roms
Topics Covered :-
Requirements:-
Decompile your framework-res.apk
download the resources from attachment and merege it with yours
navigate to framework-res.apk/res/values and open styles.xml
find
Code:
<style name="Widget.Holo.CompoundButton.Switch" parent="@style/Widget.Holo.CompoundButton">
OR
Code:
<style name="Widget.Holo.CompoundButton.Switch"
replace the style with this
Code:
<style name="Widget.Holo.CompoundButton.Switch" parent="@style/Widget.Holo.CompoundButton">
<item name="textOn">@string/somc_btn_on</item>
<item name="textOff">@string/somc_btn_off</item>
<item name="thumb">@drawable/semc_switch_inner_holo_dark</item>
<item name="switchTextAppearance">@style/TextAppearance.DeviceDefault.Widget.Switch</item>
<item name="track">@drawable/semc_switch_track_holo_dark</item>
<item name="switchMinWidth">72.0dip</item>
<item name="switchPadding">4.0dip</item>
<item name="thumbTextPadding">@dimen/somc_switch_text_padding</item>
</style>
like this :
and add this at the end of styles.xml before </resources>
Code:
<style name="TextAppearance.DeviceDefault.Widget.Switch" parent="@style/TextAppearance.DeviceDefault.Small">
<item name="textSize">10.0dip</item>
<item name="typeface">sans</item>
<item name="textStyle">bold</item>
<item name="textColor">@color/semc_switch_text_color</item>
</style>
like this :
now open /res/values/strings.xml and add the specified lines at the end
if you don't want on/off text on the switch add these
like this :
Code:
<string name="somc_btn_on">I</string>
<string name="somc_btn_off">?</string>
or
if you want on/off text on the switch add these
like this :
Code:
<string name="somc_btn_on">ON</string>
<string name="somc_btn_off">OFF</string>
open /res/values/dimens.xml and add this at the end
Code:
<dimen name="somc_switch_text_padding">7.0dip</dimen>
thats it now recompile your framework-res
EXTENDED THEMING TO YOUR SETTINGS ON POST #5
Enjoy
IF YOU LIKE MY WORK DON'T FORGET TO HIT THANKS BUTTON
Click to expand...
Click to collapse
Thank's bro.... This really helped me.:good:
Mate, if i dont ask much, can you please add a guide to make the settings ui like lollipop, white with green icons? Is that possible? I'm on MTK platform.
Hello all, as I am not always available to update this app, I have decided to release a DIY tut so you guys can mod it yourself
Also from this, I hope it will give you guys some idea how to apply these mods to other apps
We shall begin
============
What is needed:
1. APK Tool or APK MultiTool or anything which you can decompile, compile and sign the apk
( Personally I use APK MultiTool and I am going to use that as an example throughout the whole TUT )
2. Java installed on your com to run APK MultiTool
3. Notepad+ or any similar code editing programs
4. Time and patience
Procedure:
1. Firstly, you are going to have to download Twitter apk of course
You can get the APK from PlayStore or apkmirror.com
2. Decompile it using APK MultiTool. Please refer to guides on how to do so if you dont know how
3. Now everything will be decompiled into a folder.
4. First thing we will mod AndroidManifest.xml
#RemovingPermissions
5. Delete the lines of permissions you dont want, eg
Code:
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.READ_CONTACTS"/>
<uses-permission android:name="android.permission.RECEIVE_SMS"/>
6. Save the file
#Changing launcher icon
7. Now we will be changing the launcher icon of Twitter
- Usually you can find out what is the file of the icon by looking into the AndroidManifest.xml
Code:
android:icon="@drawable/[COLOR="MediumTurquoise"]ic_launcher_twitter[/COLOR]"
8. So for Twitter, we will be going to the drawables folder in res and find for ic_launcher_twitter
- Drawables folder can be drawable-ldpi/mdpi/hdpi/xhdpi/xxhdpi and so on
- ldpi, mdpi, hdpi, xhdpi, tvdpi are all screen "size". U will notice the icons in ldpi are smaller while the icons in xhdpi are bigger
- From here you also can theme other icon according to your preference
9. I have uploaded an attachment which consist of TwitterMod Teal launcher icon.
#Changing statusbar color ( For Lollipop )
10. We will create a values-v21 folder in res
- We create this folder so that only Lollipop roms will read this. Learn more here
- If values-v21 folder already exist, skip to next section
11. From the values folder, copy styles.xml to values-v21 folder
12. Now open up styles.xml in values-v21 and search for the base theme ( Hit ctrl+f on your keyboard )
- The base theme for that app usually can be found at AndroidManifest.xml also at
Code:
android:theme="@style/Theme"
- For some apps there is an exeption and may not always work with this base theme
- So improvise yourself and find the second nearest theme in styles.xml
- For Twitter, the base theme somehow is ThemeBase
13. So in styles.xml of Twitter, the base theme should look like this :
Code:
<style name="[COLOR="YellowGreen"]ThemeBase[/COLOR]" parent="@android:style/[COLOR="Red"]Theme.Material.Light[/COLOR]">
- The words in red may vary from different apps
- Please note that Theme.Material.Light is only applicable to v21 folders
- If you see Theme.Holo or something like that in v21 folder, feel free to change it too Theme.Material.Light
- Learn more here
14. Now at that base theme section, add this code
- This will be the color of your status bar, navigation bar and recent app panel app color
- Change the RED code to any color you want. I have some reference for you down there
Code:
<item name="android:statusBarColor">#[COLOR="red"]ffffffff[/COLOR]</item>
<item name="android:navigationBarColor">#[COLOR="red"]ff000000[/COLOR]</item>
<item name="android:colorPrimary">#ff123456</item>
[U]Color Code[/U]
Black - FF000000
White - FFFFFFFF
Teal - FF009688
[URL="https://www.google.com/design/spec/style/color.html#color-color-palette"]More colors[/URL]
15. Save the file
#Make the app fun ( You can skip this if you want )
16. Now open up strings.xml in values folder
17. Change what you want accordingly with some common sense
18. Now we will add some credits to yourself and maybe me?? :cyclops:
19. Goto xml folder and open up preference.xml
20. Add this line here
Code:
<PreferenceScreen android:title="@string/[COLOR="SeaGreen"]twittermod_title[/COLOR]" android:key="about" android:summary="@string/[COLOR="RoyalBlue"]twittermod[/COLOR]" android:order="1004" />
</PreferenceScreen>
21. Open strings.xml and add this code anywhere
Code:
<string name="[COLOR="SeaGreen"]twittermod_title[/COLOR]">[COLOR="Red"]BLABLA[/COLOR]</string>
<string name="[COLOR="RoyalBlue"]twittermod[/COLOR]">[COLOR="red"]BLABLA[/COLOR] </string>
22. Save it
#Finally
23. Now everything is done, compile and sign the app using APKMultiTool or whatever
24. If their is an error compilling, check what it is and post here for help
- I will do my best to reply in a short time
25. Install it and feel proud of yourself.
26. Fail and errors will exist and always, you can come here for help
I might have missed out something so it would be great if someone point it out
Next ( probably ) there will be a tut for KitKat translucent statusbar and for Facebook and Instagram
Thanks to :
Twitter for their apk
Google for their codes
reserved 1
mine also
thank you very much
Hello guys!! Im new here!
My tutorial helps you modifying status bar (sytemui)
-Expanding status bar
-Adding background image
-Adding analog clock
Tools needed:
Apktool (I recommend apktool 4.4)
Root Explorer
920 Text Editor
_______________________________________________
Let's start
1st
Open Root Explorer
Go to /system/framework/ and copy framework-res.apk to folder /mnt/sdcard0/apktool/a/
2nd
Open apktool
Go to /mnt/sdcard0/apktool/a/ and click framework then "decompile resources" wait until it finishes.
3rd
Open Root Explorer
Go to your decompiled framework and open
"Framework-res_src/values" and open "dimens.xml"
4th
Find status_bar_height and change 25.0dip to 50.dip
5th
Recompile, sign, push!!
Your status bar was expanded!!:laugh::laugh:
___________________________________________________
Adding custom background image on your status
Same tools.
1st
Just copy your systemUi.apk from system/app
And paste to same place where you paste your framework.
2nd
Go to SystemUI_src/res/layout/ and open (gemini_status_bar.xml on mediatek devices) (status_bar.xml on other devices) (tw_status_bar.xml or tw_status_bar_dual.xml on samsung devices)
Copy this code and paste in line 5:
<RelativeLayout androidrientation="horizontal" android:id="@id/statbg" android:background="@drawable/stat_bg" android:layout_width="fill_parent" android:layout_height="50.0dip" />
Go to res/values/ids.xml and paste this code anywhere.
<item type="id" name="statbg">false</item>
And paste your desired background on drawable-hdpidrawable-hdpi and name it with "stat_bg.png"
3rd
Recompile, sign, push!! Your status_bar has now custom background image.
Adding analog clock is on next tutorial...
well
lxhlzyh said:
well
Click to expand...
Click to collapse
Hi.Have you tried this guide?
来自华为荣耀畅玩4C CHM-TL00H -天生急性子 Android 小楼阁
zhaozihanzzh said:
Hi.Have you tried this guide?
来自华为荣耀畅玩4C CHM-TL00H -天生急性子 Android 小楼阁
Click to expand...
Click to collapse
no
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>
It looks very good
Looks great! Is it possible to have small quick setting icons at the top like this:
nagorimayank said:
Looks great! Is it possible to have small quick setting icons at the top like this:
Click to expand...
Click to collapse
Don't think so.
Sent from my Moto G 2014 using Tapatalk
i have 1 question : i add code in bottom file dimens.xml and color.xml or where ?
okashi1993 said:
i have 1 question : i add code in bottom file dimens.xml and color.xml or where ?
Click to expand...
Click to collapse
You add the code with the two hex colors (system_primary / system_secondary) in colors.xml.
The other codes in dimens.xml
Is there a way of doing this on RRO?
stutify said:
Is there a way of doing this on RRO?
Click to expand...
Click to collapse
Yes, you can theme your SystemUI.apk and edit the lines.
Thread updated
Added descriptions
New Notifications Theme - Removed Icons (Attached)
nagorimayank said:
Looks great! Is it possible to have small quick setting icons at the top like this:
Click to expand...
Click to collapse
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
who can tell me how to do that ?? please
heiner175 said:
who can tell me how to do that ?? please
Click to expand...
Click to collapse
What? Getting N-Style?
Please share n style apks . I don't want any other custom themes . I just need n style layer theme
xdnax said:
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
Click to expand...
Click to collapse
Ah, I see! Thanks for clarifying that mate!
- I added a download link for this (CM) theme -
Lars124 said:
- I added a download link for this (CM) theme -
Click to expand...
Click to collapse
Battery percentage not showing...
vinsensiusk said:
Battery percentage not showing...
Click to expand...
Click to collapse
Yes, removed them from QS so they are hidden from Statusbar as well I guess.
You can change your symbol to the battery where's the percantage inside the icon.
Maybe I'll add it again. Not sure.
Lars124 said:
Yes, removed them from QS so they are hidden from Statusbar as well I guess.
You can change your symbol to the battery where's the percantage inside the icon.
Maybe I'll add it again. Not sure.
Click to expand...
Click to collapse
Hmm.. Okay
arunsai123 said:
Please share n style apks . I don't want any other custom themes . I just need n style layer theme
Click to expand...
Click to collapse
Download peeaf layers theme
Sent from my AO5510 using Tapatalk
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?