[T-Mobile Samsung Galaxy S II SGH-T989] setzer715:
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.