[Guide] How to get custom status bar colors. - Samsung Captivate Glide

I'm not sure how many of you use the XPOSED framework, but if you were ever curious, I can assure you, it works on the glide.
One thing I was jealous of was the iOS ability to change status bar colors depending on the apps, because I think it looks cool. For those of you like me, you might want to be able to do something like this. Well, you can, with this mod.
Now, on that second page, it has a link taking you to a place where you can contribute colors to the page, to make it easier for people to color their apps.
What if you don't want to use those, or they don't have the app you like to use a lot?
Well, its simple, and I'll explain in the next post.
Sent from my SGH-I927 using Tapatalk

Ok, here we go!
First, follow the first link, and install the Framework. Go ahead, I'll wait.
.
..
...
Done? Ok.
You need to download and install the .apk that is the mod, by following the second link, and then enabling it, and restarting your phone.
Ready for the tutorial?
1.) Download Color Picker.
and open it.
You should then see this:
Press the button indicated.
2.) Minimize the app, you'll need it in a bit, and then go into the app you want to customize the status bar for.
Take a screenshot. For this tutorial, I will be using Astro File Manager as an example.
3.) Go back to color picker, and open up that screenshot you just took.
Tap anywhere to see the name of the color and its hex value.
4.) Open up Tinted Status Bar:
And select the app you would like to color.
Remember, I'm using Astro as an example. Every system and user app should show up here.
5.)When you choose the program to color, it should show it, and a list of services detected that it runs.
You can use catlog to pinpoint exactly what part you want to color, but oftentimes the only one you need is the very top one:
6.) It should show you this after you choose one:
On the left is the status bar color, and on the right is the status bar text color.
7.) After choosing the left one, it will look like this:
After the double f's, put in the hex code you got from color picker earlier.
Remember! Keep the ff; it's an important part of hex color code.
Click preview to see how it looks!
8.) Yay! Looks great!
Click apply to set the color for that app service!
9.) That's it! It looks snazzy now, and matches the color.
If you have any questions, PM me, leave a comment, or check out the thread that the dev created. (The second link.)
If you would like to contribute, please add your colors here!

Related

Modified Icons for Kaiser Home Plugin

Hello all,
You may have seen my earlier thread with the modified color clock digits for the HTC Home Plugin. Well, I just can't leave well enough alone! This started off as JUVS color version of the Kaiser Home Plugin. I took some of the icons from JUVS version and some from Schaps. Then I made the 'unselected' ones dark and lit up the selected one with a bright spotlight. I also changed the house colors a bit and turned it to face the other side. Just didn't seem right with a blue roof . I like it better now and I hope you do too, see screenshots attached.
To install:
First install JUVS Kaiser Home Plugin, color version, see the CAB file later in this thread. Then go in and make sure the plugin is unchecked in Settings, Today, Items. Make a backup of the HH_FW*.* and HH_HOME*.* files in your Windows folder for safe keeping. Then copy the contents of the ZIP file attached to the Windows folder on your device (not the zip itself, extract the contents) replacing the same-named files. Reselect the plugin and take it for a spin. Love it? Good! Hate it? Restore the original set of icons and associated files or reinstall.
By the way, the colored clock digits I made for the original HTC plugin work perfectly here too. Copy them over the same way if you like. You can find them in this thread: http://forum.xda-developers.com/showthread.php?t=314510
And, that reminds me, I figured out the bezel issue affecting some of the icons in the files I put out for the original HTC Home Plugin. For those who were bugged by that issue I am attaching a bezel fix ZIP file that will correct the issue and leave a nice transparent icon background in keeping with the them of that set of files. You could use this fix on this Kaiser version as well and it will remove the spotlight from the selected item without affecting the colors and brightness/darkness differentiating selected and unselected. You just have to see it to see if you like it.
Is this for Hermes or Kaiser? This is posted in the Hermes WM6 forum.
Yes!
This applies for both actually, but I'm using it on a HERMES, running the Kaiser HTC Home Plugin. See the 5 tabs instead of 3? If you want it, look for JUVS version in this thread: http://forum.xda-developers.com/showthread.php?t=316107
gmgonzal, great work again! Thanks!!!
i'm trying to copy over the files in vista but i can't seem to... do i need to do this via the phone?
nevermind, stupid vista won't let you extract from an explorer view of a zip file
so the spotlight for each tab seems to show the old black/white icon when it is selected... going to try to recopy the files again.
That's because...
absolutg said:
so the spotlight for each tab seems to show the old black/white icon when it is selected... going to try to recopy the files again.
Click to expand...
Click to collapse
This is meant as a mod for the JUVS color version of the Kaiser Home Plugin. It brings the color icons that you are missing. You should install that first, then copy these icons over. I'm including the CAB file here in case others need it also...
do you know if this has the fixes included in the version posted on pg 6 of the original thread? thanks!
works well now. was wondering if you could do the spotlight with a transparent backgd instead of the gray? looks better with the default ATT them. thanks!
Here you go
absolutg said:
works well now. was wondering if you could do the spotlight with a transparent backgd instead of the gray? looks better with the default ATT them. thanks!
Click to expand...
Click to collapse
I guess I could , I wanted to do that next myself, it takes more effort to clean up the graphics for that. Check back...
This is great, thanks! Removing the bevel was part of the things I wnated to change about this plugin. What I would really love to be able to do now is completely remove the useless highlight that appears over the icons when they are selected - is this possible?
edit: just to be clear from the post above ... the highlight I mean is not contained in the images, I mean the OS highlight that appears over the images themselves when selected.
Also, for me personally, it would be great to be able to change the colour of the font used - if I change the colour of the clock images, then the font stay white which looks inconsistent to my fussy brain!
Thanks for any help with the highlight thing though.
good work, works well ! thank you!
I know what you mean
drblow said:
What I would really love to be able to do now is completely remove the useless OS highlight that appears over the images themselves when selected.
Click to expand...
Click to collapse
That highlight pi$$es me off too, what I always wanted to do was have the icons in greyscale and then make them bright color when selected, with no highlight around them. But that highlight seems to be built into the code. As far as the text color, Zoharbl said in my previous thread that you can change the text color for each Today screen item with a program called Today Agenda, but I haven't tried it to see if it works on the text on the top of the HTC Plugin. Here's a link if you want to try it:
http://forum.xda-developers.com/attachment.php?attachmentid=44083&d=1184589532
You're welcome
ratcom said:
good work, works well ! thank you!
Click to expand...
Click to collapse
Glad you liked it.
gmgonzal said:
That highlight pi$$es me off too, what I always wanted to do was have the icons in greyscale and then make them bright color when selected, with no highlight around them. But that highlight seems to be built into the code. As far as the text color, Zoharbl said in my previous thread that you can change the text color for each Today screen item with a program called Today Agenda, but I haven't tried it to see if it works on the text on the top of the HTC Plugin. Here's a link if you want to try it:
http://forum.xda-developers.com/attachment.php?attachmentid=44083&d=1184589532
Click to expand...
Click to collapse
Thanks for the reply. That's exactly what I want to see aswell! I'll try that app & let you know if it works.
interesting idea

Active Battery Icon in Settings: Updated with CAB

Here's a little mortscript package I put together so that the icon displayed in the battery page of settings panel will be active and change with battery percentage remaining.
Just install the cab and then goto program files\battery and run either battery.mscr or battery.exe. This is only one time to get it started, then it should run updates itself and restart itself after a reboot so you can forget about it. Note: if you get a message about the battery file isn't associated with an application, then run the mortscript.exe first and then the battery file.
I only included the rainbow battery images in the cab. The zip files are other battery images packs. To change image packs, download one of the zips and copy the images folder within it over your current program files\battery\images folder. If you want to save the rainbow images, rename the images folder before copying the new images folder over it.
Nice.. I ve always wanted to do this but I never had the time... I ve got some nice PNGs for you to use with about 10 increments
Question though.... do you have to open up some other application that takes the focus away from the homescreen in order to see the battery icon changes.... or not ?
No other app needed, just run the battery.exe one time and forget about it. It only updates and replaces the icon that is already located on the battery/settings panel. This way the icon changes with the percentage more or less shown on the panel. And since the name of the icon in the reg never changes after being set the first time on installation, as you rewrite the icon, no homescreen reload is needed. It just updates automatically. The icon battery packs I got from my ipod touch, which is set up as 17 images for about every 6 percent change.
I just wrote this today so if it doesn't work let me know or feel free to fix and post changes. If you have more icon packs, go ahead and post them. If they're not 17 images, then we would have to slightly modify the script.
nice work man, looking forward to see it!
Great job, Showaco. Will install it and let you know. Keep up the good work.
showaco said:
No other app needed, just run the battery.exe one time and forget about it. It only updates and replaces the icon that is already located on the battery/settings panel. This way the icon changes with the percentage more or less shown on the panel. And since the name of the icon in the reg never changes after being set the first time on installation, as you rewrite the icon, no homescreen reload is needed. It just updates automatically. The icon battery packs I got from my ipod touch, which is set up as 17 images for about every 6 percent change.
I just wrote this today so if it doesn't work let me know or feel free to fix and post changes. If you have more icon packs, go ahead and post them. If they're not 17 images, then we would have to slightly modify the script.
Click to expand...
Click to collapse
You didn't understand me at all. What I'm asking is... does the icon on the homescreen update in REALTIME or is a homescreen "refresh" needed. Let's say you're on the settings page with the battery icon... Let's also say your script replaces the icon with something else RIGHT NOW. Now.. does the icon change in front of your eyes, or will you need to go away from page, or open up another window that covers the homescreen and go back.. to see the new icon ?
I haven't actually sat and watched it when update was running. But I know a homescreen refresh is not needed. I think, and if anyone knows for sure then chime in, that when the icon changes, if you were actually on the battery page, that it would not update in front of your eyes. But if you were on a different panel and the update runs, then you moved to that panel, that the updated icon would be there. I don't think its necessary to go to an app and then back but I will try to check it out and get back to you.
The way my weather app works is, the icon only changes after another app's window gets on top of the homescreen (even if just for a brief second). I'll %100 sure the settings panel will exhibit the same behaviour. Not putting your application down or anything, this is all because I was just curious if you found a way to refresh a static icon in real time...
Do you intend to make a cab for it... etc ?
Ok, I checked out the icon updating by connecting to activesync and writing over the icon while I watched screen.
If you are on the battery page during updating of icon, it doesn't show. If you change pages or panels and back again, then the new icon is there.
If you are anywhere else on the homescreen when update occurs, then the new icon will be there when you look.
There is no need to leave homescreen and come back(like opening an app) and there is no need to reload homescreen for update.
So for clarification, if you're watching the battery icon waiting for the big icon changing show, it ain't gonna happen.
But if you are anywhere else but the battery page, the update happens without your knowledge and it will be there when you look at your battery page. And if you are on the battery page during update, the icon won't change in front of your eyes but it you look a page left or right, a panel up or down, and then look again, it would be updated.
Is that what you mean?
This is only meant as an enhancement to the current battery page, not a replacement.
OrganicM said:
Do you intend to make a cab for it... etc ?
Click to expand...
Click to collapse
Let's try it a day and see if its working. Then, if you get time, could you make a cab for it? I just threw this together today while I was bored at work, and finished writing it after work, so I really haven't tried it out to much. If you got any ideas just throw them in, because I would like to hear them.
Ok, now that I've used it for a day, I have a couple of things to improve upon but overall seems to work fine for me. Has anyone else had time to try it, did it work for you or not?
Dude, I love this
This is great
Nice work, man. I think this is exactly the kind of new addition we all need to out WM6.1. Thanks.
Nice script, but it is necessary to add command RunOnPowerOn("\My Documents\battery\battery.exe")
I was just looking for something like this the other day. I have a set of battery icons from the iphone that I wanted to use, how would i go about making the changes? Or would it be easier just to send them to you?
** oops **
i installed this on a Q9c and it seems to work with the exception of the icons being pinched. Looks like they were resized width-wise to fit in the same area alloted to the original icon area. Is there a way to fix this? Also, can we add an icon for when the battery is being charged?
Battery.exe does not run... it gives me a message saying that its not associated with any program. Also where do i find the runonstartup command?
ThePaleAle, Mortscript installed?
ThePaleAle said:
Battery.exe does not run... it gives me a message saying that its not associated with any program. Also where do i find the runonstartup command?
Click to expand...
Click to collapse
you need latest mortscript to run, version 4.11b7, and can find it here: http://sto-helit.de
For a run on startup, there's two ways to do it.
1: Add a link to battery.exe in windows\startup or,
2; add a line into battery.mscr: RunOnPowerOn("\file location\battery.exe)
awesome guys mortscript worked great

Chome Configurator Panel Icons Tutorial

Hello xda's, altough I'm not that technically savvy, I managed to learn how to create and manage icons to use in creating Chome Configs panels. Thanks to some xda members like Stylez and Nrg for their help so here it goes, and please correct me if I'm wrong.
Find your icon, I like using the icons from www.iconspedia.com, their icons are hardcore and of course hi-res.
The icon size is 22x22 with the highest dpi you can manage. To resize the icons I use Paint.Net(Stlyez ) this program is so ridiculously simple its not even funny, just play with it for a minute and you'll have your icon outputted in no time at all.
Icon Name (like the say, "don't know why it is, it just is" lol)
To have some common factor I use the name Chome in my icons that will be used in my panels ie.
chome_gps_sat_active.png
chome_gps_desat_inactive.png
or you can just name it - icon_sat_active.png and icon_desat_inactive.png but again notice the common factor
I don't know why its sat_active.png and desat_inactive.png but all the icons have to end in that format. Once you have your icons launch Chome Config and create your panel ie. Gps, once you see it go inside and create your 1st page, at the top it says:
Panel Icons:
here you'll follow the aforementioned format including the path of the icons like so:
\Windows\chome_gps_sat_active.png;\Windows\chome_gps_desat_inactive.pg
I highlighted the ";" so you don't forget, if you mess up the icon name or path, you'll end up seeing a red icon with an "x" in the middle, alerting you that something is wrong
The active icon is the icon that will show up when you select that panel and the inactive icon is the icon that will show up when you are not in that panel. If you put the both icons the same, then common sense dictates that the panel will use only one icon for inactive and active views, a lot folks like to have inactive and active icons just to show a little contrast but the choice is strictly yours, and that's why I think this is such a great piece of software, its so configurable yet simple to use once you get the basics. Below are a couple of my icons I used for my Gps panel that holds the following apps: Garmin, Google Maps, Live Search. The little color icon is my active and the bw is my inactive and the original, so you're able to compare the scaled down versions
Well I hope this helps someone and again if some of the more technical members can add some more knowledge, please comment
Good post man, looks like it took some time to do this... So lets keep this post up in order for people to see it and not start new threads asking questions on this topic...
Re: Setting Up Panels
To carry on the subject here is how to set up your CMYApplication the same goes for all panels.
Here is what it look like:
I have set up Opera Mobile
The Red arrow is the name of panel when condensed "not on the panel"
The Blue is the name shown on the top of panel when expanded
The Green is the location of the .exe "program want to open"
The Purple is the location of the picture .png "i place mine on storage card in a folder called PNG"
You may find that page 2 doesn't show as i think there is a bug i have had it on both ROMs hide the page and make a new one to get 20 pages for 20 programs
Hope this helps.
Excellent guys !
stylez said:
To carry on the subject here is how to set up your CMYApplication the same goes for all panels.
Here is what it look like:
I have set up Opera Mobile
The Red arrow is the name of panel when condensed "not on the panel"
The Blue is the name shown on the top of panel when expanded
The Green is the location of the .exe "program want to open"
The Purple is the location of the picture .png "i place mine on storage card in a folder called PNG"
You may find that page 2 doesn't show as i think there is a bug i have had it on both ROMs hide the page and make a new one to get 20 pages for 20 programs
Hope this helps.
Click to expand...
Click to collapse
Nice post man... I like the picture tutorial
Re: Making Panel
Here is a video of me making an Office panel please do not copy my location of the .exe's as they will be different.
But this will show you how to make your own panels
Hope it helps.
YouTube:
stylez said:
Here is a video of me making an Office panel please do not copy my location of the .exe's as they will be different.
But this will show you how to make your own panels
Hope it helps.
Click to expand...
Click to collapse
Looks nice man for sure
jdoggraz said:
Looks nice man for sure
Click to expand...
Click to collapse
I try my best lol just on the up to my Tube, then will post link saves people having to download shame that can embed vids on here, or can we?
I did some searching around, but I couldn't find an answer. Has anyone indexed these panel icons, and the reference numbers for the default? I'm trying to find a panel icon for the myfaves in black and white, so that I can add it to my quick dialer panel. Any thoughts?
stellarvelocity said:
I did some searching around, but I couldn't find an answer. Has anyone indexed these panel icons, and the reference numbers for the default? I'm trying to find a panel icon for the myfaves in black and white, so that I can add it to my quick dialer panel. Any thoughts?
Click to expand...
Click to collapse
There you go.
This is such a good post lol I use it still lol as I tend to keep forgetting 1 or 2 steps...
lol, stylez did a great a job on the video, we should have more of these, how about one for featherweather2, any takers
Nice work I somehow managed to not comment a long while back. I figured some of this out thru trial and error but some of the tutorial actually helps me tinker even more if I want too. It just sucks that one must redo all of it again with a simple flash...
pfunkside said:
Nice work I somehow managed to not comment a long while back. I figured some of this out thru trial and error but some of the tutorial actually helps me tinker even more if I want too. It just sucks that one must redo all of it again with a simple flash...
Click to expand...
Click to collapse
Thanks.
There must be more we can do through walk through edit.cpr? I got a how to change the panel with PE which i could upload but maybe we need a thread deicated to it all?
Blackjack2 you could change the title to something else like Video & Picture tutorials?
Just a thought...
I feel dumb but is there any docs on how to use Chome I cannot seem to figure it out and I don't want to mess anything up.
Thanks!
You're looking at one buddy, just ask and we'll tell you.
This was very helpful, as I was sort of lost. I had the right idea, but some things weren't totally right until the picture tutorial that stylez put together. Thanks so much.
Great job to both of you.
I added a link to this thread in the original CHome Configurator thread.
Opera on panel
Hello,
Ive been trying to add favorites from opera to a panel, is there a tutorial somewhere how to do this ?
I actually have not been able to add Opera mini to a panel but I think this is how I installed Opera mini..I went to mini.opera.com and installed it but to access the application I have to go to start/java/launch opera.. I can find opera in the application list if I use the template for apps in ChromeConfig and it does add it to a panel it just doesnt work lol
So if anyone knows how to get either of those to work would be awesome.
Thanks in advance.
Hey guys,
Thanks a lot for your tutorials but I am still not able to get my icons to show up. The icons on the top bar(_sat_active.png and _desat_inactive.png) show up just fine but it is the individual icons that dont show. This is the case for both my applications as well as my contacts. Any suggestions?

[Q] How do I make images like this?

I recently saw images in the themes section, that I loved and subsequently now use for my phone. Shown:
http://forum.xda-developers.com/showthread.php?t=781455
and
http://forum.xda-developers.com/showthread.php?t=783946
Now, how do I resize the images properly? Scale, resize? Differences? What program to use (free, I'd prefer)? How to add that black bar so lovely at the bottom of the images and the text there? I tried figuring it out, but I couldn't figure out how to search how to do that specific thing.
Any help would be great! I want to start making images in that fashion for other applications, as those are very limited.
When I had my Hero, you could download Desktop Visualizer - this will allow you to associate certain pictures to the icons you want. It will also allow you yo resize them....my suggestion is start with a big icon and resize it smaller - smaller to big makes it look grainy...as for the dock bar....I used (use) LauncherPro - under LauncherPro setting you can change the dockbar....hope this helps!!
The black bar at the bottom looks to be a custom dock for LauncherPro. I've seen it in collections of LP Docks before (I'm unfortunately not immediately able to find it, but google it and spend a few minutes, and you ought to find it no prob).
As for the icons, Simi Folder would be one way to do it if what you're linking to is a folder. Not sure for just an icon that links directly to an app -- you can certainly resize icons in LPP, but I'm not sure off the top of my head how to do it and maintain the scale. You could probably compress it using Photoshop such that when it gets stretched, it looks correct? I dunno, someone else may have better ideas...
I believe people are misunderstanding what I'm asking.
I know how to get it all set up on my homescreen and such. I have the setup like that currently, no problem, using DesktopVisualizer and LPP.
I'm more asking about how they placed those bars on the image and the writing. See, they have an image that they got from wherever on the internet, put that minimalistic black transparent bar on the bottom and wrote "Texts" there, so that one would use it as a tile of sorts (as the theme they're going for is an "Android Phone 7" sort of thing"). I want to basically get images from wherever in the internet as well and use them for other applications. Like, create a, say, "Market" one, where the image I found will represent in some form, a market, and then put that black transparent bar in the image and type "Market" in some font in the corner like they did so that I can then use DesktopVisualizer to use the image as the icon in the manner shown in those posts. I'm assuming you can't just go and place a huge image (####x###) as the icon and hope it fits right. They resized theirs down to like 355x115 or something. Every time I try to resize something like that, though, it does not like it in the least. So, I'm wondering how they did that, too.
In a sense, they're like icon sets, if you will, and I want to then expand their offerings, as they only offer "icons" for a few applications or needs.
God, what a text wall. Sorry!
I wouldn't mind knowing myself, I'm all for customizing my Evo, and the more I learn the better I can do so.
I'm sure it's a relatively simple process, I just simply don't know how and wouldn't even know how to search for it. Like, what, "black bar on image?" Ha!
Hundreds of views, hardly any replies! You'd think this wise community would know!
totalanonymity said:
I believe people are misunderstanding what I'm asking.
I know how to get it all set up on my homescreen and such. I have the setup like that currently, no problem, using DesktopVisualizer and LPP.
I'm more asking about how they placed those bars on the image and the writing. See, they have an image that they got from wherever on the internet, put that minimalistic black transparent bar on the bottom and wrote "Texts" there, so that one would use it as a tile of sorts (as the theme they're going for is an "Android Phone 7" sort of thing"). I want to basically get images from wherever in the internet as well and use them for other applications. Like, create a, say, "Market" one, where the image I found will represent in some form, a market, and then put that black transparent bar in the image and type "Market" in some font in the corner like they did so that I can then use DesktopVisualizer to use the image as the icon in the manner shown in those posts. I'm assuming you can't just go and place a huge image (####x###) as the icon and hope it fits right. They resized theirs down to like 355x115 or something. Every time I try to resize something like that, though, it does not like it in the least. So, I'm wondering how they did that, too.
In a sense, they're like icon sets, if you will, and I want to then expand their offerings, as they only offer "icons" for a few applications or needs.
God, what a text wall. Sorry!
Click to expand...
Click to collapse
The text is just in the image, it isn't some magical add-on. It is probably just a black rectangle and then transparency adjusted to taste.
There are a handful of win7 style icon packs like that. You could use one of those as a template (for size) and use your own images and text. Minimal PS or GIMP experience needed. Just keep the aspect ratio of the images when you are resizing them and provided they aren't absurdly larger than the ~355x115 or whatever size you are aiming for they should still look fine.
The second link says it comes with photoshop templates. You could always just download the 30 day free trial of photoshop.
looks like a simple photoshop job to me, just add a second layer above the background, rectangle marquee the section you want to be the transparent bar, then paint bucket the area with a black (or any color) at 50% opacity, then add text.
jstalford said:
The second link says it comes with photoshop templates. You could always just download the 30 day free trial of photoshop.
Click to expand...
Click to collapse
Wow, can't believe I missed that. Oops!
Those are pretty cool looking layouts nice find.

[HOW TO]Cook your own Battery % - Any ROM - NOOB Friendly?

I've seen quite a few posts for specific battery percent modifications and quite a few equests for them, specifically in theme threads so I decided to try my luck at a write up on how to do it yourself. This is my first every How To so hopefully it comes out ok.
Experienced Senior members, please let me know of any changes or corrections I should make. Thank you!
Typical Disclaimer, Do this at YOUR OWN RISK. I take no responsibility for any issues this may cause you!
The first section will just be a basic how to utilizing the UOT (Ultimate Online Theme) Kitchen. The second part will go over how to figure out the html color code of a particular theme so you can create your OWN battery % to match. NOTE: DO NOT post any battery percent mods of other developers/creators themes. That should be for yourself. If you want to share them please PM that developer/creator and offer for them to add it to their add-on section.
Required Software NOTE: This write up is for software on a Windows Machine. I do not know what software to use on Linux or OSX, sorry.
1 - 7-Zip or Winrar. I prefer winrar but it is a paid app.
2 - Instant Eyedropper. This app is ONLY required if you're trying to match a specific color. The Green already provided on the UOT matches that of Gingerbread so if your matching stock colors you won't need this.
Section 1 - Basic How to Create a Battery %
Thanks goes out to the creators/maintainers of the UOT!!!
If you decide to use the UOT, I recommend donating to them. It is an amazing tool that they offer for free.
- Go to the UOT.
- Click on Kitchen. NOTE: You will see there a many options that you can play with to build your Theme the way you want. I recommend trying them all! But this write up is for Battery Percent only will will only cover that.
- Click on the Battery Tab and select the "Use this Mod" check box. There will be 2 options here Custom Battery (fully customizable) or SCB with % (preset colors/designs). Proceed to 4 for SCB with % or 5 for Custom Battery.
- Like previously stated, this is a set color. Select the one your interested in and you will see a preview of what it will look like. If you use this option, then proceed to step 6.
- Custom Battery Option
- First determine if you have a white or black taskbar and select which you have. NOTE: I believe only those using CM7/AOSP will have a white taskbar.
- Now select the Battery Icon you are interested in. To preview them select the battery then click Generate Preview on the right.
- Next select one of the 3 charging animations you would like. This is what your phone will display while plugged in (charging).
- The next section is where you can customize the color of the battery icon at different levels. They default to Red low, Amber moderately low, Yellow midway, Green moderately high and blue mostly to fully charged. NOTE: You can find a list of HTML color codes here. Moving on you will see a color code for the Inactive portion. This is the surround of the battery. Color code for the internal portion of the battery and color code for the numbers inside the battery. Customize this how you want. You can click Generate Preview at any point while customizing to see what your battery icon will look like.
- The last portion of the color section is the percentage drop down. This allows you to customize at which percentage you want each color to change. NOTE: If you want to get rid of a color and go down to 4 or even 3 colors to do this set the part (highest number of colors you want) to 100%. This will eliminate the next Part up. I.E. Set Part 1 to Red, Part 2 to Amber, Part 3 to Yellow and Part 4 to green but change Part 4 to 100%. This will eliminate the Blue part.
- The last section are just a few check box options. Play with them and see what you like.
- Open your zip program and extract the ROM that you are using to any location that you like. NOTE: If you are using a Touchwize ROM you will need framework-res.apk, twframework-res.apk and SystemUI.apk. If you are using CM7 or AOSP you will only need framework-res.apk and SystemUI.apk. framework-res.apk and twrameworkres.apk are both located in the system/framework folder. SystemUI.apk is located in the /system/app folder.
- Back to the UOT click on the File Upload tab. On the right side under "Select your rom from kitchen's list, or upload your own files" select Upload System Files.
- Click on the Select File option under framework-res.apk and locate/upload that file. Do the same for the SystemUI.apk and lastly the twfreamwork-res.apk (ONLY if you're using a TouchWiz ROM).
- Once everything is uploaded select the Summary tab. Here you will see your Battery in Green and your uploaded files in Green. IF IT'S NOT GREEN SOMETHING IS WRONG. GO BACK AND FIX IT. If everything is green then click Submit Work to Kitchen on the bottom left.
- You will now see your order number. Write it down if you'd like. After you've recorder your number click on Click here to go to the pickup page!. Once your theme is cooked it will show up here under Your recently cooked files. It will take a bit to cook and can take a long time depending on how busy the kitchen is. BE PATIENT!!!!
- Once it is available download it and put it on your sdcard. Boot into recovery. MAKE A BACKUP!!! and then flash the theme like it is a ROM. Reboot and Voila, you now have battery percent.
Section 2 - How to identify a specific battery color.
So you have this great theme that some awesome dev created but you want battery percent icon for it. Problem is you don't know what color he used. Well, we have a fix for you.
- Extract the ROM using whatever archiving program you use.
- Navigate to /system/framework or just /framework depending on how it was cook and find the file framework-res.apk. Now open that file in your zip program and navigate to /res/drawable-hdpi and locate the file stat_sys_battery_100.png and drag that file to your desktop.
- Install and launch Instant Eyedropper. Left click on the icon in your System Tray like it says. Keep the mouse clicked and drag the cross hairs to the .png you have on your desktop. You will see it display the HTML color ID of that icon. Write it down but note that when you un-click it automatically copies that ID to your clipboard.
- Use this color code is Step 4 of Section 1 to create a custom battery that matches your theme. NOTE: To make all percentage levels the same color just past that code in all Parts, 1-5.
well done...Also it has a video tutorial...
jr_718 said:
well done...Also it has a video tutorial...
Click to expand...
Click to collapse
Thanks, yeah, I know. Problem is not everyone know's how to click on "How-To". LOL, anyways, at a minimum MAYBE it'll reduce the amount of requests and point people in the right direction.

Categories

Resources