Database Develop

[ROM][Dark Themed open eclair 1.2.1]

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

[Q] How to theme for T-Mobile theme chooser?

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

PopUp menus & other areas that need tweaked...

I have been searching for HOURS the last couple days to find the answer to this and have yet to solve these issues. I appologize if this is the inappropriate place for this, but it seemed right......
{
"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"
}
This is part of the settings menu(obviously) but I can't find out how to edit the text here that is black!! I want to invert the settings menu but I have only made framework edits(I HAVE LOOKED and have found no good tutorial on this...) If anything, how do I make the text black? Id rather it be white text on black bg.
Edit: Thanks xKape!!!!
Finally got the settings inverted. Decompile. Edit manifest to theme.dark and edit the res/layout/manageapplications and manageapplicationsitems xmls and add android:textColor="#ffffffff" after each of the text appearance areas and add android:background="#ff000000" to the orientation & frame lines.
In this menu, I need to make the text white here and can't find the solution.
In the buttons on the bottom, I want to make that text white, but can't figure it out.
EDIT: Styles.xml search for Widget.Button and edit the text there and search <style name="TextAppearance.Widget.Button" parent="@style/TextAppearance.Small.Inverse">
<item name="textColor">@color/primary_text_dark</item>
Make <item name="textColor">@color/primary_text_dark</item>
As you can see in the market history(as well as the suggestions) I get white text on white. Idc how to fix this, but id like to see white text on black bg but it doesn't really matter.
This is the "more" menu for apps. I need white text here.
EDIT:Fixed (ill look for the change I made and tell)
again, the settings menu, I'd like to see this inverted, but at least black text would suffice. I want the menus to black bg with white text.
Edit:
Read the first picture for the edits. Thanks xKape!!!
I have scoured 8 different forums and tutorials with no luck and none of the tutorials covered the areas I need help with. Would someone please point me to a sufficient tutorial or help me make these edits. I have been trying for the last 10 hours trying to get this fix'd, next to the week or so of researching and testing throughout with no luck.
Thanks

Bump for support
Tapin' the Talk on the xSquared

Hey is that your GBP7?? Lol
I wish I could help you man, just saw your thread and wanted to see what you needed
Sent from my Incredible 2 using XDA App

yep...reworked all the.9s and pngs and it looks really nice...it's released currently as a patch to fix the other theme errors from b4...but this is all that's left. Anyone?
Tapin' the Talk on the xSquared

Bump for support
Tapin' the Talk on the xSquared

BUMP! For urgent support please.

Someone has to know how to do this.
Tapin' the Talk on the xSquared

for settings.apk edit the manifest t be theme.black. that will take care of all of it except the manage applications section. for that, there are two xmls in the layout folder that you need to add the background and text color code. android:background="#ff000000" and android:textColor="#ffffffff"
For the others, i dont have much experience but, i will tell you this.. if you are trying to black out your rom, i would really look at the framework and go into colors.xml and find the black calls and make them white. what i would probably do as a test is, lets say i was chaning 5 colors in there.. i would make a note and change one to pink, purple, yellow, red and green. then i would install it and figure out what went to what color and then go back and change accordingly with that knowledge.

I see the potential in this babe.
Sent from my Galaxy Ace running J.A.F CM 7.2 Odexed using XDA App

Thank you xkape! That was the major issue. The framework edits are going to be rough going through because I have looked at everything and can't find the right edits. I thought bout doing the random color edits and note what was what. I'll prob do that after a couple more edits and release of the update.
Tapin' the Talk on the xSquared

[req] help with GoSMS Theme Maker

Okay, I've been working on a Viber style theme on behalf of my girlfriend using gosmstheme.goforandroid.com but it just doesnt want to work properly, often showing boxes around my speech bubbles or whatever.
Anyway I was wondering if anyone could quickly do it? It's driving me crazy, its basically the iphone theme built into gosms with a purple bar instead of a blue bar and a pure white background.
If no one is willing to do it, could someone tell me where on my phone the gosms themes are stored so i can edit it myself cos the online theme maker currently has lots of bugs.
Heres actual Viber:
{
"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 online theme maker misses exactly 1 row of pixels off the top of the purple top bar and shows a dark border around my bubble images making it incredibly ugly.
Can anyone help? I can upload the resources I made if anyone is interested in helping.

Heres how it looks so far. crap, in other words.
see? the png files become distorted as the are stretched and the boxes dont match up well. heres the resources if anyone else wants to try.
Body:
Recieved:
Sent:
Top Bar:
Anyone care to help?

I'm not sure if it can use 9patch files, which allows images to be resized without distortion. Google it up for more info and how to create them.
Also, remove the white backgrounds in the speech bubbles, and perhaps add some space around them

Thanks for the reply, I tried removing the white background but it didnt work (it showed up as light grey for some reason). I'll look into the 9patch files. Cheers.

Super short answer:
Edit: Those images were suppossed to have black lines on the borders, not sure what happened there xP
Use thoses as guides. Open them directly with Photoshop or other tool. Do not copy/paste. That could mess with the transparent background.
Short answer:
Those bubbles are way to near to the borders, you need to leave some space in there. As ock said, you should probabbly use draw9 too. In short it's a special kind of png images (9.png) that have a tiny transparent 1 pixel border which can be filled with black if you want to stretch them verticaly or horizontaly.
Long answer:
You could try the GOSMS Theme maker here http://gosms.goforandroid.com/?p=235, you need Java for that.
Just run ThemeTool.bat, configure what you want and then apply. This is going to generate a file called _signed.apk if I remember correctly.
Then you can use apk_manager to decompile it, all you need to do is place the apk (which you can rename) into the "place-apk-here-for-modding" subfolder and then run Script.bat.
That's going to show you a menu, the option you need to pick is 22 for choosing your project. And then 9 to decompile. When you pick 9, its going to make a subfolder in "projects" named "_signed.apk" or whatever you called it. You can access that folder and edit every single image in there.
The images you're looking for are inside "\res\drawable-hdpi", the names are
msgbox_other.9.png
msgbox_other_selected.9.png
msgbox_self.9.png
msgbox_self_selected.9.png
Those kind of files are very sensitive, the borders need to be transparent or black, if they're not, the project wont compile until you fix it. So, make backups a edit carefully.

Thanks dude.

Does anybody use PNGOptimizer when creating themes?

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