I recently have been trying to create a theme for the T-Mobile Theme Chooser that comes with CM7. I pulled the cyanbread apk and extracted it and just began to replace the images with my own, until I came across some indexed images. Basically when I open these in photoshop it turns all the alpha transparencies to opaque.
Original Image:
{
"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"
}
After import then saved:
Obviously I can't work with this.
Is there a template or something that I can work with? Or an easier way? I'm basically just taking the best parts of a couple themes and putting them together, and editing the colors. I'm not smart enough with xml to write code from scratch.
Thanks.
I use gimp. It has a setting to change the mode from "indexed" to "RBG" or "greyscale".
When I run into those, I open them in pixlr.com (a free image editor that pretty much ignores permissions), save them, then re-open in Photoshop.
iamthebigcheeze said:
When I run into those, I open them in pixlr.com (a free image editor that pretty much ignores permissions), save them, then re-open in Photoshop.
Click to expand...
Click to collapse
Thanks man, helped a ton.
Unfortunantly I keep running into speedbumps, anyone mind helping me here?
I have two themes at the moment, mine and another one. The other one replaces the widget icons in the notification bar. I like those much better than the stock cm7 ones. The problem is is that I can't just drag them and drop them from drawable folder from theirs to mine, as I'm assuming the XML in mine doesn't have any code to tell that image where to go.
How would I go about editing the xml file(s) to add support for theming of these icons? I have never really touched xml before, plus I haven't had any success finding how to edit any of the xml's in the apk.
Leave xml alone just drag and drop
Sent from my GT540 using XDA App
pashinator said:
Leave xml alone just drag and drop
Sent from my GT540 using XDA App
Click to expand...
Click to collapse
Problem is is that the apk I'm using as a template does a ton of stuff I don't want it to, but some stuff I do.
Like it reskins the whole browser and shrinks the pop-up menu when you hold your finger on the home screen. I don't want this, and just deleting the images doesn't solve the problem because I get errors while compiling.
The only thing I really want is the ability to skin notification bar widget icons (toggle wifi, gps, etc). Haven't had much luck finding themes that do.
You still need to resign a theme.apk after replace new png files!
What key do you sign it with?
I've got a couple themes up and running right.now and would be happy to help. Do you use Linux, Mac, or windows? Do you have decompiled Apk's that you're working with or are you editing compiled ones?
With theme *.apk file, I can only replace the existing icons, then use apk manager to sign, i cannot add new icons into it!
You can check out my theme chooser guide here
nhnt11 said:
You can check out my theme chooser guide here
Click to expand...
Click to collapse
+1. I used this guide as well. It's a great help
Related
Hey all, I created a dark themed version of open eclair 1.2.1 baconweave.
This is a full rom so you will need to do a full wipe before flashing.
I created this by pulling some icons from Xrom and editing the classes.dex file.
I did not build this rom so thanks to the open eclair team for an excellent 2.1 rom and I would also like to thank Justanothercrowd for the icons i pulled from his rom.
As this is my first shot at themeing I only changed the framework-res.apk and services.jar. So, this is not a full theme.
If you are already running open eclair 1.2.1 an easy way to apply my changes would be to extract the framework-res.apk and services.jar from my zip and adb push them to the appropriate locations on your mobile.
I will most likely not be updating this as it suits my needs.
I made a couple other changes to this rom.
-removed gallery3d.apk
-fixed bluetooth issue when pairing both handsfree and media audio.
As always I am not responsible for anything that happens to your device....
Download here:
http://www.4shared.com/file/226481604/cb5b6cc8/OpenEclair-DARK.html
Screens:
{
"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"
}
oh this looks really sexy. cant wait to try it out O_O
EDIT: it's pretty cool. Love the Notification bar and the downloading down arrow. pretty sweet man. one question;
How did you change the notification bar? I know how to change the png's but not the whole thing to make it look black =(
Macrophage001 said:
How did you change the notification bar? I know how to change the png's but not the whole thing to make it look black =(
Click to expand...
Click to collapse
The only real editing I did was to change the text color to white. The rest was simply replacing the existing PNG's with the ones I pulled from justanothercrowd's Xrom dark ROM.
An easy way to see what PNG's are what is to extract them from the framework-res.apk and view them as thumbnails. I can't remember what other files I edited. When I get home I can retrace my steps and give more info later.
yeah I mean I can do that too. But most of the time when I try to make all the png's on the notification bar black, they just pop up as black squares on a white surface =/
EDIT: I think I found out how. the name of the png that changes the notification bar color is activity_title_bar.9.png right?
Macrophage001 said:
yeah I mean I can do that too. But most of the time when I try to make all the png's on the notification bar black, they just pop up as black squares on a white surface =/
EDIT: I think I found out how. the name of the png that changes the notification bar color is activity_title_bar.9.png right?
Click to expand...
Click to collapse
Ahh I see what you are saying the color of the notification background when you pull the notification bar down. Yes I believe that is the correct PNG.
EDIT: If you are trying to edit what I think you are the correct PNG would be these PNG's
http://forum.xda-developers.com/album.php?albumid=987
Yepp Those are it. Thanks for the help man.
Macrophage001 said:
Yepp Those are it. Thanks for the help man.
Click to expand...
Click to collapse
wrong info he gave you. the tabs he showed you and that you are looking for are known as status_bar_item_background_normal.9, status_bar_item_background_focused.9, and status_bar_item_background_pressed.9.
the activity_title_bar.9, which he thought was the correct png, is actually where it reads the words "Ongoing" and "Notifications" which is the activity_title_bar.9
anyway, hope that helps clarify things for you guys .
Oh ok thanks man almost got everything confused lol
Beautiful,man.
I came from SuperD-dark, and this is a perfect transition
Since you've tweaked it to meet your needs, I'll take it upon myself to do some other graphical tweaks (like smoothing out the notifications graphics. Too "sharp" for my taste).
I was wondering if someone could mod any of these? I'm failing miserably. >_>
I'm still trying though!
Basically, my homescreen looks like this:
http://i52.tinypic.com/33bjrdg.png
and those words are folder shortcuts via Desktop Visualizer,
and it opens a folder using Smart Shortcuts.
Problem is, that folder is a little unsightly compared to my theme.
I was wondering if someone could help me mod them so they are little sexier?
Something just black, with a 60% transparency, like Tajm and Battstat?
Thanks! If I get one anyways.
good idea... I just busted open the res folder of Folder Organizer and cant figure out what file controls the folder's background
its probably a xml file, which I have no idea how to alter
Adamsville MITM said:
good idea... I just busted open the res folder of Folder Organizer and cant figure out what file controls the folder's background
its probably a xml file, which I have no idea how to alter
Click to expand...
Click to collapse
Its like that with the other two. I've been experimenting with all the xml's I can find.
I tried a few weeks ago for about 10mins no luck though, no time to try again........it'd be nice if someone can figure something out
It's the only thing that's missing to make a complete theme for me.
Sent from my HTC Desire using XDA App
hollywooder said:
I was wondering if someone could mod any of these? I'm failing miserably. >_>
I'm still trying though!
Basically, my homescreen looks like this:
http://i52.tinypic.com/33bjrdg.png
and those words are folder shortcuts via Desktop Visualizer,
and it opens a folder using Smart Shortcuts.
Problem is, that folder is a little unsightly compared to my theme.
I was wondering if someone could help me mod them so they are little sexier?
Something just black, with a 60% transparency, like Tajm and Battstat?
Thanks! If I get one anyways.
Click to expand...
Click to collapse
its a .9 image file, most likely
those are tricky to edit, but for what you want... it can be done easily, well for me lol
Try Apps Organizer. The screen/folder that pops up isn't too bad. Better than the standard one at least. It is transparent.
{
"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"
}
@hollywooder
Hi maybe this will help ya,
With the newest folderorganizer 2.7 you are able to create your own themes
I have now a pitchblack label with grey borders , if you want to take it further than that , then goto
http://sites.google.com/site/folderorganizer/how-to/createskin
Good luck and love your yellow theme , hate the purple
ArrO
ArrO said:
@hollywooder
Hi maybe this will help ya,
With the newest folderorganizer 2.7 you are able to create your own themes
I have now a pitchblack label with grey borders , if you want to take it further than that , then goto
http://sites.google.com/site/folderorganizer/how-to/createskin
Good luck and love your yellow theme , hate the purple
ArrO
Click to expand...
Click to collapse
The skins are for widgets, but I made it brilliant! This is like exactly what I was looking for.
And, btw, I'm nowhere NEAR done with my theme/layout. Think bookshelf O:
And, if I release it, (not entirely sure yet) I'm going to do several colors, yellow being one ;D
How can I change my camera Icon on the Homescreen?
Here are the icons I have been working on for the past few days. Credit for the original HD Icons goes out to mikebeecham for his icons which can be found here:
http://forum.xda-developers.com/showthread.php?t=828832
I just simply made a "matte glass" template and imported his icons. I did one for almost ever app that I use on my homescreen, so there are a few major ones missing. However, inside this .rar file you will find a Photoshop template. Just download the original HD icons, import the desired icon into the "icon(REPLACE)" layer, resize to fit, save as a .png with transparency (its important that you enable transparency) and copy to SD card. To get the most out of these icons, use Desktop Visualizer. Download from the market, install, and add a 1x1 widget to the desktop for each icon. Pressing it will bring you to the settings for that widget. Simply browse to the file on your SD card, select the desired app, use no text and a transparent label, and your good to go. Below are some screens of my current setup to show you how they look in use. Please enjoy, and upload pics of any icons you create so we can all see!
Thanks guys. -Steve
{
"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"
}
Looken Good. They look a lot better then most glass icons. Nice work.
Great package
How would you install these to replace all app icons?
white00gt said:
How would you install these to replace all app icons?
Click to expand...
Click to collapse
You need to use
A. An app that allows custom shortcut icons like folder organizer or bettercut.
b. A lot of work that will break updates from the market on a lot of apps.
A. Tends to be the better choice.
whiteguypl said:
You need to use
A. An app that allows custom shortcut icons like folder organizer or bettercut.
b. A lot of work that will break updates from the market on a lot of apps.
A. Tends to be the better choice.
Click to expand...
Click to collapse
wanted the change in the app drawer not home screen (already did that) so sounds like it's more trouble than it's worth...Thanks for the info./help
white00gt said:
wanted the change in the app drawer not home screen (already did that) so sounds like it's more trouble than it's worth...Thanks for the info./help
Click to expand...
Click to collapse
Yeah i search all the time for an app drawer replacement that will let you do just that... it doesnt exist.. and i dont know why. The one way i did it was to use folder organizer, replace all the icons with folder organizer. Then take a folder organizer folder with all the apps in it and drop it on my dock in place of the app drawer in launcher pro. Basically used a folder as my app drawer. It did the job but was still a pain in the ass.
white00gt said:
wanted the change in the app drawer not home screen (already did that) so sounds like it's more trouble than it's worth...Thanks for the info./help
Click to expand...
Click to collapse
http://android.modaco.com/content/t-mobile-pulse-pulse-modaco-com/311038/how-to-change-the-icons-on-every-application/
Hope this helps. Its a fairly involved process, but as for now, i'm pretty sure it's the only way to do so.
looks pretty good might try it out
Hi
I tried editing the lockscreen png files to get something similar to the honeycomb lockscreen. It involves replacing the jog_ png with blank ones. But a couple of things get ruined. The screenshots describe them better. I have no clue how to fix them. Could someone please assist?
{
"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"
}
How do I get rid of the right jog bar and the green and red button?
That is an incoming call screen. What does it have to do with your lockscreen? Why would you want to get rid of the buttons you need to answer a call?
No. i wasn't clear enough. Let me put it this way. I was tryig to port the honeycomb style lock screen for my froyo rom (optimus one) which involved making the jog bars transparent so that only the icon (lock, unlock, call receive, reject etc) remain.
But after I got it done that way, the lock screen works properly.. as in it shows me the buttons without the jog bar as I wanted. But when i receive a call while the screen is locked, I get whats shown in the screenshot I've already searched the framework-res.apk top to bottom to find those specific icons (the right jog bar as well as the red and green button) so that I can modify them as well.. but i'm not finding them anywhere!
Look in the drawable-finger folders of Phone.apk and Contacts.apk.
I see a lot of .pro files. are they images? How do I edit them?
blueren said:
I see a lot of .pro files. are they images? How do I edit them?
Click to expand...
Click to collapse
I have no idea what a .pro extension is.
bkmo said:
I have no idea what a .pro extension is.
Click to expand...
Click to collapse
some of them open up in 9patch editor :|
Search all .png files in your framework and view them as thumbnails. When you find these images just replace them with the images you want to use.
bizdady said:
Search all .png files in your framework and view them as thumbnails. When you find these images just replace them with the images you want to use.
Click to expand...
Click to collapse
Thanks. I already did that a hundred times over! I believe that they're in the Phone.apk
blueren said:
Thanks. I already did that a hundred times over! I believe that they're in the Phone.apk
Click to expand...
Click to collapse
Oh then your probably gonna have to decompile the apk, replace the pngs then recompile.
now im curious lol If you havent resolved this by the time I get home ill take a look. Im pretty sure you can just replace the images with 7zip and push back with adb.
bizdady said:
Oh then your probably gonna have to decompile the apk, replace the pngs then recompile.
now im curious lol If you havent resolved this by the time I get home ill take a look. Im pretty sure you can just replace the images with 7zip and push back with adb.
Click to expand...
Click to collapse
Bingo! But as I already mentioned, all the pngs are in .pro format. Renaming them to png ruins it
I'm not a themer, but I'm a designer and I do a lot of Android UI design which includes slicing the images and making 9patches. In my workflow I always use PNGOptimizer to remove unneeded information from png files. I use PNGOptimizer which I find very usefull and easy to use.
I opened some of themes and almost every one of the were not optimized. I took the PNGOptimizer and cleaned all pngs and on theme that is 8.1MBs in size I have gained 0.7MBs in size. This is not only the filesize gain, but the theme is acting pretty much faster (by observing).
{
"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"
}
The app is pretty much straight forward, just drag and drop the png files, and it will optimize them in batch. It will give you the log, where you can see how many %s have you gained.
There is a settings view by right clicking on a window where you can set the desired cleaning process.
This app is Windows only, and it's free
http://psydk.org/PngOptimizer
I'm sure there are similar apps for OSX and Linux, but I haven't tested them as I don't use these OSs.
I just wanted to share the tool with you guys, and if I posted in wrong thread, I'm really sorry, and please move my thread to the appropriate one
This is something I've always done for my themes and ROMs
Sent from my LG-E739 using Tapatalk
Maybe I didn't opened your themes then
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
kcls said:
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
Click to expand...
Click to collapse
You can always convert them back to 32-bit.
kcls said:
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
Click to expand...
Click to collapse
paint.net is a free image editor which can do the conversion to rgb 32-bit if you want (and opens the files correctly, without the black border)
picard666 said:
paint.net is a free image editor which can do the conversion to rgb 32-bit if you want (and opens the files correctly, without the black border)
Click to expand...
Click to collapse
Thats true, I've heard that. However, Doesn't it save them with a non-transparent background? And even if it does save with a transparent background, batch editing a ton of images from a theme would take forever, having to open each with paint.net and saving them before I can edit with photoshop. I can't imagine doing that with 200+ png's.
Batch processing is your friend.
Jumba said:
Batch processing is your friend.
Click to expand...
Click to collapse
i know this is a rather old post, but just want to share the program ive made for Un-optimizing the png's for editing..
http://forum.xda-developers.com/showthread.php?p=33520176
cheers