[How to] Theme Swype beta New updated way added - Android Themes

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

Related

colorChange.jar v3.1 - Modify Cyan template text colors [ALL VERSIONS] 11/29

Code:
**************************************************************************
** Color Changer v3.1 (ALL YOUR VERSIONS ARE BELONG TO US) by Ohsaka **
**************************************************************************
Usages:
java -Xmx512M -jar colorChangev3.jar <theme.zip> [colorLabels ...] [debug] [zipDebug] [goFull]
< > means required, [ ] means optional
<theme.zip> - Android theme update file (not a full ROM update)
[ticker] - ARGB color for ticker notifications on the status bar
[clock] - ARGB color for the clock text
[date] - ARGB color for the date
[ongoing] - ARGB color for "Ongoing" Label
[latest] - ARGB color for "Notifications" Label
[none] - ARGB color for "No Notifications" Label
[clear] - ARGB color for text on Clear Notifications button
[network] - ARGB color for network name (T-Mobile usually)
[roam] - Not sure where this color shows up, possibly network name when roaming
Progress Bar Color Change (Must specify BOTH at once)
[progressBarBackground] - Progress bars background color
[progressBarForeground] - Progress bars foreground color
[debug] - Turns on debugging output
[zipDebug] - Turns on zip debugging output
[goFull] - Force updater to process a full rom instead of just templates
Example 1) java -Xmx512M -jar colorChangev3.jar themeXYZ.zip ticker=FFFF0000 date=FFFF0000 clock=FFFF0000
This will change ticker, date, and clock to red
Example 2) java -Xmx512M -jar colorChangev3.jar themeXYZ.zip clear=FFFFFFFF network=FF0000FF
This will change the clear notifications button text to white and network name (usually T-Mobile) to blue
Example 3) java -Xmx512M -jar colorChangev3.jar themeXYZ.zip clear=FFFFFFFF network=FF0000FF debug zipDebug
Same as example 2 but with debug and zipDebug turned on
Important: You must add "-Xmx512M" on the command line now, as seen in the examples
3.0 enhancements:
- All inclusive jar now, no external jars needed
- Changed search algorithm, uses text strings less likely to change. Should hopefully make this version work for most future roms.
- Only unzips and edits files when necessary
- Detects OS, will chmod 755 signed file if on Linux. Also has additional error messages reminding user to run as root on Linux
- Cleaned up output logging, hopefully more useful
- Added "debug" and "zipDebug" parameters to turn on debug output
- Other stuff that I can't remember
v3.1
- Added "goFull" flag to allow updating a full ROM
- Removed progress circle arguments, can't do it
- Fixed and tested progress bar color change, experimental no longer
- Tested with Cyan 4.2.6
The attached file is the latest file even though I didn't change the filename.
Please continue to send me any bug reports and questions.
<previous releases info>
Edit(7/19) - Successfully tested with v3.6.8 template of Cyan Rom
Edit(7/26) - Successfully tested with v3.9 template of Cyan Rom
Edit(8/19) - Successfully tested with v4.0.1 template of Cyan Rom. All needed 3rd party jars are now included inside the single jar file. (Thanks mianosm)
Edit(9/9) - Added test version of 2.0. Works for 4.1.5+ templates.
EDIT: v0.5 Changed the way the command line works... Alot more user friendly now IMO
http://forum.xda-developers.com/showthread.php?t=535630&page=13
EDIT: v0.4 is out, fixed a bug and made the usage output explain better the two possible ways to run it
http://forum.xda-developers.com/showthread.php?t=535630&page=12
EDIT: v0.3 is out, sets each element with an independent color, check page 11
http://forum.xda-developers.com/showthread.php?t=535630&page=11
EDIT: There are "white versions for Vodaphone, rogers, and JF151 on page 10"
http://forum.xda-developers.com/showthread.php?t=535630&page=10
EDIT: I added my Status Text Color Changer application to this thread...
Read about it on page 6..
http://forum.xda-developers.com/showthread.php?t=535630&page=6
Notification text is found in the: update.zip/framework/framework-res.apk/res/layout/status_bar.xml
Open the status_bar.xml with your favorite hex editor, find the instances of 00 00 1C, and the next three values will dictate your color choice.
For my services.jar the only two things I changed was the clock in com/android/server/status/StatusBarService.smali:
Code:
Line 4115> const v8, -0x1 invoke-virtual {v7, v8}, Landroid/widget/TextView;->setTextColor(I)V
...and then the date in com/android/server/status/StatusBarIcon.smali:
Code:
Line 86> .line 46 const/high16 v6, -0x100 invoke-virtual {v4, v7}, Landroid/widget/TextView;->setTextColor(I)V
Then the only thing left is the notifications in the:
Code:
update.zip/framework/framework-res.apk/res/layout/status_bar.xml
Most of the reason why all of the trouble was had was due to the calls being moved for the status bar pull down with stericsons mod, but all is well again.
Thanks a ton Ohsaka
What program do you recommend for editing .dex files?
Genesis206 said:
What program do you recommend for editing .dex files?
Click to expand...
Click to collapse
There is only one that I know of:
http://code.google.com/p/smali/
Remember, Baksmali means to disassemble, and Smali means to assemble (in Icelandic of course).
Genesis206 said:
What program do you recommend for editing .dex files?
Click to expand...
Click to collapse
I use PSPad to edit them because it will recognize its a unix formatted file and not mangle it with extra line feed characters which some windows text editors do. Its also free which is nice.
A nice feature of the smali file is that they contain ".line xxx" indicators. Which tell you the line number in the original source file it corresponds to. Very very helpful...
To be clear, the dex file is compiled, you have to decompile it before you can edit it.
Unzip services.jar, decompile classes.dex, edit .smali files, compile the decompiled dex file, reinsert it into your services.jar, resign, done.
I use vim when I do my editing in linux, and notepad++ in windows, I'll have to take a look at PSPad to see what that's all about. : )
Pspad is a fancier editor for programmers. It supports a ton of languages and has a lot of various addons and plugins. I developed an editor in it for a c-based language called AVS. It can load and save from a remote server, compile on remote server, link to the helpfile, etc etc.
can someone post the services.jar without the stericson fix and edited with the smali files for those of us unfamiliar with dex files etc. I am trying to make themes for the Sapphire and hope to use this a few of them.....
Or, will i be able to just add this services.jar to the Sapphire rom?
Post me the services.jar from ur theme and ill update it later
Ohsaka said:
Post me the services.jar from ur theme and ill update it later
Click to expand...
Click to collapse
thanks- wonder if the services.jar is different from Dream to Sapphire?
I have attached the services.jar (as for yours just remove the .zip) from the Sapphire ion rom. I just basically used the services.jar given with the rom (this is my first rom post rooting the Magic so didnt want to play around with too many things just yet- i did put in statusbar.xml for white date though).
thanks again- what is your twitter?
Is there a difference between yours(oshaka) and Mianosm's services file?
ultra spikey said:
Is there a difference between yours(oshaka) and Mianosm's services file?
Click to expand...
Click to collapse
There shouldn't be, however I do believe the md5sums will be different as I put together my own using the old 1.5 theme and only adjusting the 2 lines in the dex files that I posted above.
Notifications = status_bar.xml (if you would like to use colors other than 00 00 00 or FF FF FF, this is where you would set them for the different notifications).
Clock and Date = services.jar (more particularly the 2 smali files listed above, if you know how to convert 0x0 format, you can make the clock/date any color(s) you want. ).
mianosm said:
Notification text is found in the: update.zip/framework/framework-res.apk/res/layout/status_bar.xml
Open the status_bar.xml with your favorite hex editor, find the instances of 00 00 1C, and the next three values will dictate your color choice.
For my services.jar the only two things I changed was the clock in com/android/server/status/StatusBarService.smali:
Code:
Line 4115> const v8, -0x1 invoke-virtual {v7, v8}, Landroid/widget/TextView;->setTextColor(I)V
...and then the date in com/android/server/status/StatusBarIcon.smali:
Code:
Line 86> .line 46 const/high16 v6, -0x100 invoke-virtual {v4, v7}, Landroid/widget/TextView;->setTextColor(I)V
Then the only thing left is the notifications in the:
Code:
update.zip/framework/framework-res.apk/res/layout/status_bar.xml
Most of the reason why all of the trouble was had was due to the calls being moved for the status bar pull down with stericsons mod, but all is well again.
Thanks a ton Ohsaka
Click to expand...
Click to collapse
Can i ask what your fav hex editor is?
SteveTilsed said:
Can i ask what your fav hex editor is?
Click to expand...
Click to collapse
I use HxD. YMMV.
Have fun! : )
mianosm said:
There shouldn't be, however I do believe the md5sums will be different as I put together my own using the old 1.5 theme and only adjusting the 2 lines in the dex files that I posted above.
Notifications = status_bar.xml (if you would like to use colors other than 00 00 00 or FF FF FF, this is where you would set them for the different notifications).
Clock and Date = services.jar (more particularly the 2 smali files listed above, if you know how to convert 0x0 format, you can make the clock/date any color(s) you want. ).
Click to expand...
Click to collapse
great work guys!! you guys are the best!!! i have to step my game up.
mianosm said:
I use HxD. YMMV.
Have fun! : )
Click to expand...
Click to collapse
Please see my attached screen does this mean that my colour would be black?
Thanks again This could be fun.
It doesn't look like you are changing a color code, remember: the colors are after: 08 00 00 1C
Oh ok so i would change the the following 6 F's?
Looks better, can't be 100% with the image size though.
Well I guess that's a start any chance of seeing your screen or if u wish I can change mine to help?
Thanks for the help!

Complete Transparent Statusbar?

Hi
i want to know if its possible to get the statusbar of the .244 firmware completly transparent?
Thanks for your help
cheers
Yeah, it's possible
Decompile SystemUI.apk
In apk folder, navigate to "res\values"
Open "colors.xml" and change line:
Code:
<color name="system_ui_opaque_background">#ff000000</color>
to:
Code:
<color name="system_ui_opaque_background">#00000000</color>
Personally, I prefer:
Code:
<color name="system_ui_opaque_background">#50000000</color>
That colors are written in this from: "TTRRGGBB"
TT - Transparency
RR - Red
GG - Green
BB - Blue
Ask if you need anything.
Is there a systemui modded with these values ready to use it? i cant decompile etc etc
DennisDroid said:
Is there a systemui modded with these values ready to use it? i cant decompile etc etc
Click to expand...
Click to collapse
Give me your SystemUI.apk and framework-res.apk and I'll give it a go.

[Tutorial][NICS Themer] Create Your Own Themed apk & Become a Themer - 06.10.13

Now Featured in XDA Portal. Thanks for the support
{
"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"
}
http://www.xda-developers.com/android/comprehensive-xthemeengine-theme-creation-guide/​
***This Themer guide should work in any device running android 4.0.4 & +
About NICS Themer
NICS Themer works with Xposed App & X-Themer Engine. It is intended to serve the same purpose as T-Mobile/CM10 Theme Engine. NICS lets you to create own themed apk, my friend neroyoung first develop the idea of it & implemented in his NICS Rom. I am writing a complete guide here to share with you cause I think it's a really useful thing
Requirement
1. X-posed App by rovo89
2. X-Themer Engine by ruqqq
3. My Base.apk
4. Virtuous Ten Studio (VTS) - Official Website
5. A Editing Software like Paint.NET - Download Link
Note: # 1,2,3 are available in 2nd post attachment
Note: for more information about X-posed App & X-Themer Engine visit the official thread.
Main Guide
1. Download & install VTS in default directory & place Base.apk in Desktop
2. Open VTS & click on File>New Project (Right hand top corner). Click on Import tab & locate the Base.apk from Desktop, then click Import. Now click on Project tab & you will see the Project name as "Base", give a Solution name or just name it to "Base" as well. Then press Ok. For better understanding I am providing screenshot with serial number to the task you have to do.
3. You will see now task is running & in some seconds your apk will be decompile successfully. It will look like this, minimize VTS
4. Now go to there where VTS keeps projects. For me it is in C:\Documents and Settings\USER\My Documents\Virtuous Ten Studio\Projects
Now go inside your project "Base\Data folder.
Inside drawable folder there is a png which is the icon of the apk
Inside xml folder there is a redirection.xml, we have to redirect the packages which we will theme & other xmls need to be write here.
Go inside values folder & delete Public.xml
5. Now lets begin with the guide. As framework, systemUI & Settings are the three most important component of Rom, I will show how to theme & redirect them.
6. Now, 1st decompile Settings.apk which you want to theme to get the resources & pngs from there. Use another tool like Apktool, Xda Auto Apktool or Apk Multitool. Here is a Guide on Apk Multi Tool.
7. Open AndroidManifest.xml of Settings.apk, we need android version & package name of it. Like for my Settings.apk it is
android:versioncode="15"
pacakge="com.android.settings" Remember those or note it down somewhere
Also go to the drawable-hdpi folder of Settings.apk & copy the pngs you want to theme. Note that, according to your phone this drawable folder can be drawable-ldpi/mdpi/hdpi/xhdpi. So according to it make a drawable folder in Data\Res of the decompiled Base.apk
I am creating it in Data\res\drawable-hdpi, & adding the pngs in the folder which I have copied from Settings.apk
8. Now, inside the drawable-hdpi folder rename the pngs with anything you like. To avoid all conflicts I would suggest to add the package name infront of every png. For example, I have taken three pngs from settings. Here are the original & renamed name of them--
ic_settings_wireless.png -------------- com_android_settings_ic_settings_wireless.png
ic_settings_bluetooth2.png ---------- com_android_settings_ic_settings_bluetooth2.png
ic_settings_data.png ------------------- com_android_settings_ic_settings_data.png
9. Now go to xml folder & write a new xml named "com_android_settings.xml" & write according to how many pngs you have taken,
Code:
<?xml version="1.0" encoding="utf-8"?>
<resource-redirections>
<item name="drawable/ic_settings_bluetooth2">@drawable/com_android_settings_ic_settings_bluetooth2</item>
<item name="drawable/ic_settings_data_usage">@drawable/com_android_settings_ic_settings_data_usage</item>
<item name="drawable/ic_settings_wireless">@drawable/com_android_settings_ic_settings_wireless</item>
</resource-redirections>
Save it.
Here, item name="drawable/ic_settings_bluetooth2" - is the original png name which is inside Settings.apk
@drawable/com_android_settings_ic_settings_bluetooth2 - is the renamed pngs which will replace the original png
So it will look like this,
10. Now decompile SystemUI.apk the same way & get android version & package name from AndroidManifest.xml. For me it is,
android:versioncode="15"
package="com.android.systemui"
Copy the pngs you want to edit from drawable folder & add it to Data\res\drawable-hdpi folder of Base.apk. Now rename the pngs you have copied with the package name attached to the front. Like for a png the original & renamed is-
stat_bluetooth_on.png ---------- com_android_systemui_stat_bluetooth_on.png
11. Write a new xml in xml folder named "com_android_systemui.xml" & write according to how many pngs you have taken-
Code:
<?xml version="1.0" encoding="utf-8"?>
<resource-redirections>
<item name="drawable/stat_2g3g_off">@drawable/com_android_systemui_stat_2g3g_off</item>
<item name="drawable/stat_2g3g_on">@drawable/com_android_systemui_stat_2g3g_on</item>
<item name="drawable/stat_3g_on">@drawable/com_android_systemui_stat_3g_on</item>
<item name="drawable/stat_airplane_on">@drawable/com_android_systemui_stat_airplane_on</item>
<item name="drawable/stat_bluetooth_on">@drawable/com_android_systemui_stat_bluetooth_on</item>
<item name="drawable/stat_brightness_auto">@drawable/com_android_systemui_stat_brightness_auto</item>
<item name="drawable/stat_brightness_mid">@drawable/com_android_systemui_stat_brightness_mid</item>
<item name="drawable/stat_brightness_on">@drawable/com_android_systemui_stat_brightness_on</item>
<item name="drawable/stat_data_on">@drawable/com_android_systemui_stat_data_on</item>
<item name="drawable/stat_flashlight_on">@drawable/com_android_systemui_stat_flashlight_on</item>
<item name="drawable/stat_gps_on">@drawable/com_android_systemui_stat_gps_on</item>
<item name="drawable/stat_lock_screen_on">@drawable/com_android_systemui_stat_lock_screen_on</item>
<item name="drawable/stat_orientation_on">@drawable/com_android_systemui_stat_orientation_on</item>
<item name="drawable/stat_reboot">@drawable/com_android_systemui_stat_reboot</item>
<item name="drawable/stat_ring_on">@drawable/com_android_systemui_stat_ring_on</item>
<item name="drawable/stat_screen_timeout_1m">@drawable/com_android_systemui_stat_screen_timeout_1m</item>
<item name="drawable/stat_screen_timeout_2m">@drawable/com_android_systemui_stat_screen_timeout_2m</item>
<item name="drawable/stat_screen_timeout_10m">@drawable/com_android_systemui_stat_screen_timeout_10m</item>
<item name="drawable/stat_screen_timeout_30m">@drawable/com_android_systemui_stat_screen_timeout_30m</item>
<item name="drawable/stat_screen_timeout_15s">@drawable/com_android_systemui_stat_screen_timeout_15s</item>
<item name="drawable/stat_screen_timeout_30s">@drawable/com_android_systemui_stat_screen_timeout_30s</item>
<item name="drawable/stat_shutdown">@drawable/com_android_systemui_stat_shutdown</item>
<item name="drawable/stat_sync_on">@drawable/com_android_systemui_stat_sync_on</item>
<item name="drawable/stat_wifi_on">@drawable/com_android_systemui_stat_wifi_on</item>
</resource-redirections>
Save it.
12. Now decompile framework-res.apk get the package name & android version from AndroidManifest.xml & get the pngs from drawable folder & add them in Data\res\drawable-hdpi folder of Base.apk. My framework's package & version is -
android:versioncode="15"
package="android"
Now rename the framework-res pngs with package name "android" or like I have done. The original & renamed png name is like this for me-
switch_bg_on_disabled_holo_dark.png ------------ framework_res_switch_bg_on_disabled_holo_dark.png
Now open a new xml in xml folder named "android.xml" & write according to how many pngs you have taken to modify
Code:
<?xml version="1.0" encoding="utf-8"?>
<resource-redirections>
<item name="drawable/switch_bg_on_disabled_holo_dark">@drawable/framework_res_switch_bg_on_disabled_holo_dark</item>
<item name="drawable/switch_bg_on_disabled_holo_light">@drawable/framework_res_switch_bg_on_disabled_holo_light</item>
<item name="drawable/switch_bg_on_holo_dark">@drawable/framework_res_switch_bg_on_holo_dark</item>
<item name="drawable/switch_bg_on_holo_light">@drawable/framework_res_switch_bg_on_holo_light</item>
<item name="drawable/switch_thumb_disabled_focused_holo">@drawable/framework_res_switch_thumb_disabled_focused_holo</item>
<item name="drawable/switch_thumb_focused_holo">@drawable/framework_res_switch_thumb_focused_holo</item>
</resource-redirections>
Save it.
Note that for .9 pngs we won't add .9 to the xml
13. Open redirections.xml in xml folder & we have to write all the package redirections here. In my case I have three packages to redirect.
for Settings --
Code:
<package-redirections android:name="com.android.settings" android:resource="@xml/com_android_settings" android:minSdkVersion="15" />
for SystemUI --
Code:
<package-redirections android:name="com.android.systemui" android:resource="@xml/com_android_systemui" android:minSdkVersion="15" />
for framework --
Code:
<package-redirections android:name="android" android:resource="@xml/android" android:minSdkVersion="15" />
Here android:name is the main package which will be themed
android:resources is the xml from where png's will be redirected & replaced
android:minSdkVersion is the android:versioncode which we got from the main packages
So, the complete redirections.xml is may case will be -
Code:
<?xml version="1.0" encoding="utf-8"?>
<theme-redirections
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:pluto="http://www.w3.org/2001/pluto.html">
<package-redirections android:name="com.android.settings" android:resource="@xml/com_android_settings" android:minSdkVersion="15" />
<package-redirections android:name="com.android.systemui" android:resource="@xml/com_android_systemui" android:minSdkVersion="15" />
<package-redirections android:name="android" android:resource="@xml/android" android:minSdkVersion="15" />
</theme-redirections>
Save it. Note that, you need to close redirections with </theme-redirections> to the end.
Also, Remove "/" from the 3rd end of the line. So the 3rd line will be,
Code:
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:pluto="http://www.w3.org/2001/pluto.html">
14. Now go to drawable-hdpi folder where all the renamed pngs are. Open them with Paint.NET & change hue/saturation to the color you want to theme them. crtl+shift+U gives you the option in Paint.NET. When theming is done save all pngs. My drawable-hdpi folder looks like this-
15. Now check once again in Data\res folder.
In drawable folder there should be icon.png which will be the icon for your apk
In values folder there will be nothing as we have deleted public.xml earlier
In xml folder there should be redirections.xml with other xmls you have created
In drawable hdpi folder there will be all the renamed & themed pngs
16. Now maximize VTS window & open AndroidManifest.xml of the Base.apk. In android:label write something you want it to be shown as the apk name. In package name give name according to your color theme. Like for me it is "saqib.themer.green". If you make another one which is orange in color name it to "saqib.themer.orange" so that it doesn't replace the earlier apk when installing. After this, save the xml. For better understanding, I have marked screenshot with serial number-
When you are done press "Build all", it will run a process & create your new apk. CONGRATULATIONS :good: now you have successfully built your own themed apk. Get it from Data\Binary folder of VTS Project.
Attachments
* Download Xposed App & X-Themer Engine from attachment & install them as a normal apk in your device.
* Go to Xposed Installer App click on Install/Update, then go to Modules & tick mark on XTheme Engine. Reboot your device
* Install the newly created apk by yourself as a normal apk. You will find it inside XThemeEngine App. Apply it, it will ask for a soft reboot. After reboot you will see the changes that the app has made.
Here, I am sharing a screenshot after applying my Green themed apk via XTheme Engine
For automated batch file renaming & redirections go to this post by Madaditya - Link to Post
Credits
** neroyoung
** rovo89
** ruqqq
** Diamondback
For any more support, I am also attaching the Green_Hulk.apk I have made in the process. If you need to know more or have any confusion download that & decompile it. Your idea & conception will get more clear.
Nice Guide Mate...
Its really helpful for beginner
Nice work saqib,
Nicely written well mannered guide! Detailed enough to make even a beginner themer as pro
Awesome!!
nicely written bro... definitely a beginner would understand it with ease :good:
Awesome guide, bro...
Just a doubt... is it necessary to use vts? Can't I simply use apktool for decompiling the base apk? Im on linux and I dont think vts is for linux..
AJ
Amazing stuff there..Mate..
Keep it up ..Will link in my threads so as more people notice it..
Great guide mate! Keep it up! I'm sure even beginners are able to follow the steps
Abhinav2 said:
Awesome guide, bro...
Just a doubt... is it necessary to use vts? Can't I simply use apktool for decompiling the base apk? Im on linux and I dont think vts is for linux..
AJ
Click to expand...
Click to collapse
Thanks..Yes you can use other apk tools too for Base.apk. I have suggested VTS because with VTS when you change AndroidManifest you don't need to sign them or compile with old signature etc..If you use apktool then don't forget to re-sign the base apk
help
Hi saqib!
For first thank you for the gide!! It was really helpfull for me! But I got an error while I try to build my apk. I dont't know what is the problem, 'cause I did everything as you said (but change my android version to 16). The log says that I have some junk after document element, and I don't know what to do. Any suggestion?
question do you need to set resource file. like say Samsung framework resource would be 1.apk and so on. And if you do. what resource file do we need. from are rom or will it use java and android sdk for the resource files. thanks for this
dywerd said:
Hi saqib!
For first thank you for the gide!! It was really helpfull for me! But I got an error while I try to build my apk. I dont't know what is the problem, 'cause I did everything as you said (but change my android version to 16). The log says that I have some junk after document element, and I don't know what to do. Any suggestion?
Click to expand...
Click to collapse
Check redirections.xml line number 4, there is some problem in that line. If you cannot find it show it to me
monkeytools said:
question do you need to set resource file. like say Samsung framework resource would be 1.apk and so on. And if you do. what resource file do we need. from are rom or will it use java and android sdk for the resource files. thanks for this
Click to expand...
Click to collapse
When you setup VTS it will place some default frameworks which are needed for resources. So you don't need to install frameworks separately for this guide
Congrats for making it on the portal!
You're becoming something like a guru here hehe
Keep it up!
Hi saquib!
Thanks for the reply! I check those line a hundred times, even rewrite it, but no luck
Here's a creenshot, I hope you can figure it out :angel:
dywerd said:
Hi saquib!
Thanks for the reply! I check those line a hundred times, even rewrite it, but no luck
Here's a creenshot, I hope you can figure it out :angel:
Click to expand...
Click to collapse
You don't have any com_android_settings.xml in xml folder, that's why it is giving trouble. You also don't have android.xml from where the resources will be replaced. Go back to my guide & take a look again, you missed those parts
I don't know why they are not showing in vts, but now they are there (com_android_settings & so on), but android.xml not, and now I see that I have to create that, right? Can you tell me how to that? I check your gide, but can't find that... sorry
dywerd said:
I don't know why they are not showing in vts, but now they are there (com_android_settings & so on), but android.xml not, and now I see that I have to create that, right? Can you tell me how to that? I check your gide, but can't find that... sorry
Click to expand...
Click to collapse
rename com_android_framework.xml to android.xml, you have redirected to android.xml but named one xml as com_android_framework
you should download my Green_Hulk.apk which I attached to the 2nd post, it is a complete apk, you should get your concept clear from that apk
saqib nazm said:
rename com_android_framework.xml to android.xml, you have redirected to android.xml but named one xml as com_android_framework
you should download my Green_Hulk.apk which I attached to the 2nd post, it is a complete apk, you should get your concept clear from that apk
Click to expand...
Click to collapse
Thanks for your help! I really appreciate it!
I think I too noob for that, I do what you said or at least I think I do, but no succes :crying:
I upload my "creation"; if you so kind, will you see that and maybe you can help again for me... :angel::fingers-crossed:
Sorry for disturbing you
ImageRx
@saqib nazm
Thank You for Such an Awesome Guide!
I've just made a script ImageRx that would​
1.Add the required prefix to image name and Rename them
2.Also create the required redirection xml​
So this Would Automate renaming multiple images with same prefix as needed for NICS themer
Download ImageRx_Madaditya
Also Find my Updated tool Here ToolsX
Credits
[email protected] Used his Goptimizer Mini Cygwin Pack as Base for Bash script to Run on windows!
2 @saqib nazm-For this Awesome guide
Click to expand...
Click to collapse
Hope this will be helpful :good:
Since this is my first script might have errors.Please report​
dywerd said:
Thanks for your help! I really appreciate it!
I think I too noob for that, I do what you said or at least I think I do, but no succes :crying:
I upload my "creation"; if you so kind, will you see that and maybe you can help again for me... :angel::fingers-crossed:
Sorry for disturbing you
Click to expand...
Click to collapse
Ohk I will take a look at night, or if not then tomorrow
Madaditya said:
@saqib nazm
Thank You for Such an Awesome Guide!
I've just made a script that would​1.Add the required prefix to image name and Rename them
2.Also create the required redirection xml​So this Would Automate renaming multiple images with same prefix as needed for NICS themer
Download ImageRx_Madaditya
Hope this will be helpful :good:
Since this is my first script might have errors.Please report​
Click to expand...
Click to collapse
Really thanks for this man :good: you just made things alot easier now I will link this thread to my 2nd post

[TUT] TwitterMod Theming Tutorial

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

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

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?

Categories

Resources