Database Develop

[Q] Theme Stock MMS.apk

Made a few of these before, gotten some help from some wonderful people... here we go again:
How do you change the text color of these two items:
{
"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"
}
I also (and this is the one I need more help on) want to make it so the text aligns to the right, instead of to the left.

Found in /res/value/colors.xml:
Code:
<color name="timestamp_color">#bf000000</color>
Which can change the timestamp color.

Text Color
res\layout\message_list_item.xml:
Code:
<TextView android:textAppearance="?android:textAppearanceSmall" android:textSize="18.669983sp" android:textColor="[COLOR="Red"]#ff91ce00[/COLOR]" android:autoLink="all" android:linksClickable="false" android:id="@id/text_view" android:layout_width="fill_parent" android:layout_height="wrap_content" />

Also if you add this " android:gravity="right" " inside the <textview> that should do the trick.
Sent from a Senendipity Captivate.

Dang Chance, you know lots of stuff.

Any way to change the color of the mms bubbles?

The Mms bubbles are easy... they are just images.
Thanks Chance, I figured one of you fine folks would know.
Sent from my SAMSUNG-SGH-I897 using XDA App

Finished the thread menu:

Looking awesome! Are we going for pure stock look or can we add some ginger green?
Sent from a Senendipity Captivate.

Whatever looks nice.
The only thing left really is the bubbles:

I say we change the alpha value on the time in the list view and make it green.
Sent from a Senendipity Captivate.

It's kind of an ugly gray, so it needs to be changed.

So, any idea where the color for the time is?

Time Color
MikeyMike01 said:
So, any idea where the color for the time is?
Click to expand...
Click to collapse
Short answer: Yes I think I do.
It is making a call to the twframework-res.apk for the text appearance but, when I try to change it, the resulting apk will just FC.
I think this is the line we need to modify...
\res\layout\conversation_list_item.xml
Code:
<TextView android:textAppearance="@touchwiz:style/TwTextAppearanceListTwoLineSecondaryGrey" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="3.0dip" android:layout_marginTop="2.0dip" android:layout_marginRight="5.0dip" android:layout_marginBottom="7.0dip" android:singleLine="true" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" />
Here is the styling from the twframework-res.apk
\es\values\styles.xml
Code:
<style name="TwTextAppearanceListTwoLineSecondaryGrey">
<item name="android:textSize">14.0sp</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">@color/tw_textappearance_listtwolinesecondarygrey</item>
</style>
Okay the @color is referencing the
\res\color\tw_textappearance_listtwolinesecondarygrey.xml
Code:
<item android:state_enabled="false" android:state_pressed="true" android:color="#80ffffff" />
<item android:state_pressed="true" android:color="@color/tw_color002" />
<item android:state_selected="true" android:color="@color/tw_color001" />
<item android:state_focused="true" android:color="@color/tw_color001" />
<item android:state_enabled="false" android:color="[COLOR="Red"]#80ffffff[/COLOR]" />
<item android:color="@color/tw_color005" />
That is the value that is giving us the grey color we see.
tw_color001 = white (#ffffffff)
tw_color002 = black (#ff000000)
if you want to make it just plain white change the 80 to ff. Don't know if you know the color code make up but the frist two are the alpha or "transparency" value, the other six are the color code.
I have a meeting to go to tonight and then the GF wants to see me so I won't be back to play with this until late tonight.
Thanks,
ChanceM

Should be able to change:
Code:
<item name="android:textColor">@color/tw_textappearance_listtwolinesecondarygrey</item>
To something like:
Code:
<item name="android:textColor">#ffffffff</item>

Meanwhile I started working on the buttons:
I think it looks nice.

MikeyMike01 said:
Should be able to change:
Code:
<item name="android:textColor">@color/tw_textappearance_listtwolinesecondarygrey</item>
To something like:
Code:
<item name="android:textColor">#ffffffff</item>
Click to expand...
Click to collapse
yeah you could but if your going to go ahead and recompile the twframework-res.apk you might as well change it at the last level...Idk just a personal pref thing. (Although since we are making changes to the twf that might affect the calendar and calc as those probably make calls here too.)
Yeah the balloons are looking nice there.
Are you going to change the textfield image to something green as well?

Looks awesome. Impatiently waiting for release

ChanceM said:
Yeah the balloons are looking nice there.
Are you going to change the textfield image to something green as well?
Click to expand...
Click to collapse
The stuff at the bottom? It's system-wide.
Did the other side bubbles:

Help with menu popup.

I own a Orange San Francisco (ZTE Blade) and i have been trying to get black menu popups to work properly. They are sorted for main screen and most apps like gmail etc. However certain apps like Root Explorer still had white menus and it was impossible to read them with white text too (from the black parts!).
I got these instructions from someone...
Mike_P said:
Can't comment on other apps that have white menus but I followed what was in 2.1 theme and it seemed to work in 2.2 (well in RootExplorer at least).
You need to edit the res\values\styles.xml and the res\drawable\menu_selector.xml.
In styles.xml add the 5th 'item name' line like below...
Code:
<style name="Theme.ExpandedMenu" parent="@style/Theme">
<item name="listViewStyle">@style/Widget.ListView.Menu</item>
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">?textAppearanceLarge</item>
<item name="itemBackground">@drawable/menu_selector</item>
</style>
In menu_selector.xml add the 'item android drawable' line at the end like below...
Code:
<?xml version="1.0" encoding="UTF-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/highlight_pressed" />
<item android:state_enabled="false" android:state_selected="true" android:drawable="@drawable/highlight_disabled" />
<item android:state_enabled="true" android:state_selected="true" android:drawable="@drawable/highlight_selected" />
<item android:state_focused="true" android:state_enabled="false" android:drawable="@drawable/highlight_disabled" />
<item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/highlight_selected" />
<item android:drawable="@drawable/screen_background_dark" />
</selector>
Click to expand...
Click to collapse
This all seemed to go ok but i have a few white lines plaguing an otherwise perfect look.
In this first image everything is fine other than the line that seperates top and bottom icons...It's really bright obvious white. What can i do to fix this?
{
"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"
}
Then this menu has an obvious white line around the edges. But separators are fine. Any ideas on this part too?
Thanks for any help in advance.
EDIT:
Oh it should be noted i have tried images from a gingerbread theme that has these menu parts coloured correctly so it's not a .png anywhere. It's somethign in styles.xml or somethign else

http://forum.xda-developers.com/showthread.php?t=865753
this theme is what you want

[Tutorial] Notification Dropdown Text Color Changes/Status Bar Changes (Sense 3.0)

I hope this little tutorial from Average Joes will help the many questions about how to change the Notification Dropdown Text Color.
I have been on a mission for a couple of months to figure this beast out. Read many threads, PM'd many others. Alot of info is out there about how to change the text color for notification dropdown for Sense 2.0 and Sense 2.1. But Sense 3.0 made some changes to the structure of the XML's and how the Status Bar was using them. I will write out how I did it, and hopefully it will guide you along to what I think is an awesome change for a ROM or a Theme to make..
Requirements:
1. You must be able to decompile and compile your SystemUI.apk and Framework.apk
2. Understand how to edit XML's.
3. Know how to back up and flash all these changes. I would never suggest making all changes at once to SystemUI. If you make a mistake,your Status bar will fail to show up upon booting the phone..
This is what mine looks like:
{
"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"
}
In the first part I will cover changing the text color for Quick Settings Tab..
If you find an error of discover a new way of doing it, please let me know so I can update this tutorial..
1. Quick Settings
2. Status Bar
3. Transparency Notification/Quick Settings
4. Time Location on Notifications
5. Changing Text Color of Notifications in Dropdown
6. Animation in Notification Dropdown!!!!
** Special Thanx to - Stoney66,fernando sor,Bad Seed customs for creating this mod**
7. Using Wallpaper as Background in other Windows
** Special Thanx to - Clever for showing me this mod**
Always, Always Backup!!!!

Quick Settings:
(Part 1) - Changing Text Color of Primary and Secondary Text
Primary Method:
SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml
1. Header Name of Item
Look for:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textColor="@color/list_item_primary_text"
a. Substitute "@color/list_item_primary_text" with “#ffrrggbb” (whatever rgb color you want)
2. Status of Header Item (like on/off i.e secondary text)
Look for:
<TextView android:textSize="@com.htc:dimen/list_secondary_m" android:textColor="@color/list_item_secondary_text"
a. Substitute "@color/list_item_secondary_text" with “#ffrrggbb” (whatever rgb color you want)
Secondary Method: (Coming Soon)
Why the two?
The primary keeps any other text within the system from changing. The secondary method can affect any other ares of the the system that call upon this color in the xml. You decide what is best.
(Part 2) - Quick Settings Label
SystemUI\res\drawable-hdpi\layout\quick_settings.xml
Look for:
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Title" android:gravity="center_vertical"
a. Add android:textColor="#ffrrggbb” (whatever rgb color you want)
Example:
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Title" android:textColor="#fffffd80” android:gravity="center_vertical"
Gets you a Yellow Label:

Status Bar Color - Date/Clock
SystemUI\res\drawable-hdpi\layout\status_bar.xml
Look for:
1. Clock
Look For:
<com.android.systemui.statusbar.Clock
a. Add: android:textColor="#ffXXXXXX" the “X’s” are in RRGGBB
Example:
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ff3366CC"
2. Date
Look for:
<com.android.systemui.statusbar.DateView
a. Add: android:textColor="#ffXXXXXX" the “X’s” are in RRGGBB
Example:
<com.android.systemui.statusbar.DateView android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ff3366CC"

Transparency Background for Notification Dropdown and Quick Settings
SystemUI\res\drawable-hdpi\values\drawables.xml
Look for:
1. Complete Transparency
<item type="drawable" name="list_item_background">#ffffffff</item>
a. Substitute: #ffffffff with #00000000
b. This will give you complete transparency
2. Partial Transparency
<item type="drawable" name="list_item_background">#ffffffff</item>
a. Substitute: #ffffffff with #77000000
b. This will give you less transparency
Results:

Two Lines Text in Notification Dropdown
Coming soon

Colorized Text in Notification Dropdown
SystemUI\res\values\colors.xml
<color name="white">#ffffffff</color> (This changes what the text color is when pressed in notifications)
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
<color name="primary_text_color">#ffffffff</color> (This changes the Notification Text Header)
<color name="secondary_text_color">#ff000000</color> (This changes the Notification text Content)
In each of the above lines marked with a comment, Substitute the >#ffXXXXXX with you RRGGBB values you want your text to be.
Screenshots coming in a few..
** I have this done in my mods for a while, however special thanx to Jon for finding out it only needed this file changed instead of several that I had done before. I knew it should take as many files to change the color. THANK YOU JON!!!
Time on Notifications Location
Framework-res\res\layout\status_bar_latest_event_content.xml
Look for:
<android.widget.DateTimeView
Cut and paste whole line into the second or third <Linearlayout... Right after the corasponding Textview
Placing the DateTimeview in the second <Linearlayout will place the time on the first line of the Notification.
Placing the DateTimeview in the third <Linearlayout will place the time on the second line of the Notification

Animation in Notification Dropdown!!!!Ported by myself!
** Special Thanx to - Stoney66,fernando sor,Bad Seed customs for creating this mod**
Required Attached files at bottom of post
All in SystemUI:
res\drawable\status_bar_background_animation.xml
res\drawable-hdpi\pulldown_anim1.png (1 thru 36)
res\layout\status_bar_tracking.xml
res\values\public.xml
Copy status_bar_background_animation.xml to the SystemUI\res\drawable folder.
Edit to suite, it has 36 png's list, but you can do how many every you want. Ensure you have the same amount of png's in res\hdpi\*.png as you have listed in the status_bar_background_animation.xml
status_bar_background.png - Controls the background, might need to make it more transparent so animation can be seen
Manual:
Edit status_bar_tracking.xml
Look for: (Should be first line)
<com.android.systemui.statusbar.TrackingView androidrientation="vertical" androidaddingLeft="0.0px" androidaddingRight="0.0px" androidaddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
Replace with:
<com.android.systemui.statusbar.TrackingView androidrientation="vertical" android:background="@drawable/status_bar_background_animation" androidaddingLeft="0.0px" androidaddingRight="0.0px" androidaddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
Notice we are adding the adding the status_bar_background_animation
Edit Public.xml
Look for any "APKTOOL_DUMMY_XXXX" id=XXXXXXXX
Change the APKTOOL_DUMMY_XXXX with:
status_bar_background_animation
Results: Edit only one line to define the resource!!!
<public type="drawable" name="status_bar_background_animation" id="0x7f020198" />
(DO NOT USE THIS ID=="0x7f020198") leave which ever ID Number is there from the APKTOOL_DUMMY!!!!!
Required Files for Animated Notification Dropdown!!!!!

This looks exciting I sure hope you know what your doing lol, you taking the first 6 posts!!!!!!

Man, this is epic, this is exactly what I was looking for couldn't have asked for better! Looking forward to the rest!

Wow Dude! After all that typing, I hope you still have the use of your hands. I didn't really have much to say, other than, this is an impressive tutorial, Gun so, I just thought I would drop by and...

c_live_lee said:
Wow Dude! After all that typing, I hope you still have the use of your hands. I didn't really have much to say, other than, this is an impressive tutorial, Gun so, I just thought I would drop by and...
Click to expand...
Click to collapse
Thanx, much more to come. Time I start giving back to all those that want to learn as well, or those that just like something I did.

Gotta be gone out of town for a week at a funeral. This thread is not dead. Just on a break.
1. Color text
2. What png's are where in the status bar.
3. Movement of clock to center
4. Deleting clock off status bar.
That is just to name a few items that will be spelle dout how to do.
I am always looking for more ideas..

Awesome work man! Can you tell me where the text and color for the notification pulldown header is located?
http://db.tt/dUpdaAt
Were it says gingeritis 3d, i wana be able to change the text to my themes name, and i want to change the color of the bar underneath that one, the one that says notifications
Sent from my TBolt using my f***king thumbs...

sonami said:
Awesome work man! Can you tell me where the text and color for the notification pulldown header is located?
http://db.tt/dUpdaAt
Were it says gingeritis 3d, i wana be able to change the text to my themes name, and i want to change the color of the bar underneath that one, the one that says notifications
Sent from my TBolt using my f***king thumbs...
Click to expand...
Click to collapse
I am away from my main computer, but from memory it's in the
SystemUI\res\layout\status_bar_expanded.xml (again from memory.. will add as soon as I get back into town)

Ive been trying to learn how to theme for the longest. Im going to study ur guide and make sure i can do it perfect! Thanks

I'll ask the obvious n00b question ... what app can I use to edit the file via phone or OS X. I've been trying to use the UOT kitchen to change the notification text color. The preview looks good but it always comes out black. I stumbled upon this topic doing a search. I understand where (SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml) and what (FF000000 to FFFFFFFF) needs to be changed, but I'm having trouble getting the right tool(s) to let me open/edit the file. I've attached a screenshot. I'm trying to make the text white. Thats all I need to do. Thanks in adv.
*edit*
should mention I'm currently on BAMF Forever 1.0.2 which is Sense 3. I'm usually on CM7 and the UOT Kitchen works perfect on it.

julesism said:
I'll ask the obvious n00b question ... what app can I use to edit the file via phone or OS X. I've been trying to use the UOT kitchen to change the notification text color. The preview looks good but it always comes out black. I stumbled upon this topic doing a search. I understand where (SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml) and what (FF000000 to FFFFFFFF) needs to be changed, but I'm having trouble getting the right tool(s) to let me open/edit the file. I've attached a screenshot. I'm trying to make the text white. Thats all I need to do. Thanks in adv.
*edit*
should mention I'm currently on BAMF Forever 1.0.2 which is Sense 3. I'm usually on CM7 and the UOT Kitchen works perfect on it.
Click to expand...
Click to collapse
on OS X I use text wrangler for editing xml's.

Gunthermic said:
Colorized Text in Notification Dropdown
SystemUI\res\values\colors.xml
<color name="white">#ffffffff</color> (This changes what the text color is when pressed in notifications)
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
<color name="primary_text_color">#ffffffff</color> (This changes the Notification Text Header)
<color name="secondary_text_color">#ff000000</color> (This changes the Notification text Content)
In each of the above lines marked with a comment, Substitute the >#ffXXXXXX with you RRGGBB values you want your text to be.
Screenshots coming in a few..
** I have this done in my mods for a while, however special thanx to Jon for finding out it only needed this file changed instead of several that I had done before. I knew it should take as many files to change the color. THANK YOU JON!!!
Click to expand...
Click to collapse
I have done this and it does not change the second line of the notification. It also turns the first line back to black if you select it and let go, i.e. selecting Disk Drive or Charge Only. Is there another xml file that I need to edit along with this one to chane the text color of the notifications?
Edit: Nevermind, I figured it out. Thanks for the tutorial.

Devildog8791 said:
I have done this and it does not change the second line of the notification. It also turns the first line back to black if you select it and let go, i.e. selecting Disk Drive or Charge Only. Is there another xml file that I need to edit along with this one to chane the text color of the notifications?
Edit: Nevermind, I figured it out. Thanks for the tutorial.
Click to expand...
Click to collapse
What did you do?
More tutorial to come.

Gunthermic said:
What did you do?
More tutorial to come.
Click to expand...
Click to collapse
To be honest, I found a theme that already had it done and compared the xml files.
Edit: I am having one problem though. It seems that some third party apps like Pandors and Handcent are still black text. Do you know where I need to go to fix this or is this something that you are battling too?

[Q/A] Theming questions

I know this isn't the question/answer section, but it is the theming section. This will probably also get lost in all the other threads, but I figured there are enough people that have asked questions it might be a good idea to make this thread. The idea is, post a question, any question, about theming and me or someone else will answer it. I'm not a theming genius but I know a bit about theming and there are many more people that know much more than I do that might be able to help. This can also be a discussion place for people to figure out how to solve issues that no one is quite sure how to solve yet. I will post a few of the posts that I can find that answer some of the questions people have asked as a basis to get started.
Some people don't know where to start, so here are the "tools of the trade."​
Graphics Editing Software
___________________________________________
You will need some sort of image manipulation or graphics editing software. There are some free options out there and some not so free, but you can usually find a quality program to fit your budget.
This s a list of good programs that I know of, but I have only actually used GIMP and Photoshop.
-GIMP (FREE - Linux/Windows/Mac)
-Photoshop (PAID - Windows/Mac) Here's a quick tip if you want to use Photoshop.
-PaintShop Pro (PAID - Windows)
-Pixelmator (PAID - Mac)
-Paint.NET (FREE - Windows)
Android SDK
___________________________________________
The Android SDK contains a set of tools that are essential to theming.
Get the SDK here.
(will update in the future with what these tools are and how to use them)
Tools you will need:
- Draw 9-Patch (/tools directory of the sdk)
- DDMS (/tools directory of the sdk)
- Zipalign (/tools directory of the sdk)
- ADB (/platform-tools directory of the sdk)
APK Manager (apk tool)
___________________________________________
APK Manager is a simple to use, easy to understand tool that utilizes apk tool, zipalign, and a bunch of other tools. I recommend using this as it is easier to use for newer people, but I prefer to use apktool as it is more versatile.
I always had problems with the apk tool that APK Manager 4.9 comes with, so if it doesn't work for you (mainly on Samsung ROMs as far as I know) you may want to replace the apktool.jar in the /other directory of the APK Manager with this apktool.jar.
7-zip - WinRAR
___________________________________________
This is definitely a must. Windows has a built in .zip browser but I strongly recommend using 7-zip or WinRAR. I personally like 7-zip more, but that is all personal preference. You can open APK files as an archive, without having to decompile it. This allows you to do quick .png editing, or you can even replace post-compiled xml with other post-compiled xml if you so desire.
OptiPNG
___________________________________________
This isn't essential but it is something I strongly recommend as a "quality" standpoint. OptiPNG allows you to optimize the .png's in your theme by recompressing the image files down to a smaller size, allowing them to be loaded faster. Don't worry though, no information or quality is lost in the process.
Notepad ++
___________________________________________
This is another essential tool for theming. Notepad ++ is by-far the best text-editing program on the market for Windows. At least, in my opinion. It is also free. Basically if you want to do any xml editing, you need this tool. You can also do just about anything else that you want to do with it...​
Q:
Could someone please tell me where the background color can be modified for the menu button (wallpaper, settings, search, etc)? I have been looking everywhere for this, but I am not finding it.
Click to expand...
Click to collapse
A:
There are a few things to look for to get the look that you want.
in /res/values/styles.xml depending on what you have for this set of xml determines which .png's the framework is using:
Code:
<style name="Theme.IconMenu" parent="@style/Theme">
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">@style/TextAppearance.Widget.IconMenu.Item</item>
<item name="horizontalDivider">@drawable/divider_horizontal_bright</item>
<item name="verticalDivider">@drawable/divider_vertical_bright</item>
<item name="itemBackground">@drawable/menu_selector</item>
<item name="itemIconDisabledAlpha">?disabledAlpha</item>
<item name="moreIcon">@drawable/ic_menu_more</item>
</style>
but if you are using an existing theme that is darker then the chances are it will be something like this:
Code:
<style name="Theme.IconMenu" parent="@style/Theme">
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">@style/TextAppearance.Widget.IconMenu.Item</item>
<item name="horizontalDivider">@drawable/divider_horizontal_dark</item>
<item name="verticalDivider">@drawable/divider_vertical_dark</item>
<item name="itemBackground">@drawable/menu_selector</item>
<item name="itemIconDisabledAlpha">?disabledAlpha</item>
<item name="moreIcon">@drawable/ic_menu_more</item>
</style>
Now with that said, if it is using the first case, you will be looking for files named "divider_horizontal_bright.9.png" and "divider_vertical_bright.9.png". They are .9.png's so deal with them accordingly. Now if you have the second case then you are going to look for "divider_horizontal_dark.9.png" and "divider_vertical_dark.9.png".
Edit those to get your desired effect, but those are only the dividers of the menu.
{
"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"
}
Now I'm going to go back over the xml to show you what I'm looking at.
Code:
<item name="horizontalDivider">[COLOR="Blue"]@drawable/divider_horizontal_bright[/COLOR]</item>
<item name="verticalDivider">[COLOR="Blue"]@drawable/divider_vertical_bright[/COLOR]</item>
Code:
<item name="horizontalDivider">[COLOR="Red"]@drawable/divider_horizontal_dark[/COLOR]</item>
<item name="verticalDivider">[COLOR="Red"]@drawable/divider_vertical_dark[/COLOR]</item>
Those two items determine which .png the framework is looking at, and using that will tell you what to look for when you are editing your theme.
Now lets look at a much more rather obscure portion of the xml, but it still tells you where to look. Under "<style name="Theme">" near the beginning of the styles.xml, there is a long list of items pointing to different .png's in the framework. The one we are interested in is:
Code:
<item name="panelBackground">[COLOR="Purple"]@drawable/menu_background[/COLOR]</item>
<item name="panelFullBackground">[COLOR="Purple"]@drawable/menu_background_fill_parent_width[/COLOR]</item>
This tells you what to look for to edit the background of the menu, and the "top" horizontal bar if you want one.
So look for "menu_background.9.png" and "menu_background_fill_parent_width.9.png". Edit them to have the same look, because the "menu_background_fill_parent_width.9.png" is what you get when you press the menu button, and the "menu_background.9.png" is what you get when you press the "more" button. Again, these are .9.png's so edit them accordingly. If you have any more questions, please ask! I tried to make this as clear as I possibly could.
Also, you don't really NEED to decompile the framework to do it, I just wanted you to maybe learn something instead of just following instructions like must people do.
Click to expand...
Click to collapse
Click to expand...
Click to collapse

Continued from last post:
Q:
I have been searching how to make the status bar transparent but I can't seem to find a way to do it. I have managed to get my drop down notification screen transparent but no luck with the status bar.
Click to expand...
Click to collapse
A:
Decompile SystemUI.apk, in smali/com/android/systemui/statusbar/StatusBarService.smali
search for
Code:
const/4 v5, 0x2
and replace it with
Code:
const/4 v5, -0x3
Recompile SystemUI.apk, and you should be up and running.
(someone replied to that one and said it didn't work but the OP thanked my post and never said there was a problem, so it may have just been a user error. I have never personally had to do this myself)
Click to expand...
Click to collapse
Click to expand...
Click to collapse
Q:
can someone tell me how to change the font colour for notifications in the drop down?
Click to expand...
Click to collapse
A:
1. In framework-res.apk/res/layout/status_bar_latest_event_content.xml there are two things to look at; the line with
Code:
android:id="@id/title"
controls the title of the notification. "android:textColor" is what you need to modify, and the format of the number is "#AARRGGBB"
2. Then there is the line with
Code:
android:id="@id/text"
which controls the description of the notification. Do the same thing you did with the title.
Here's a screenshot, the numbers correspond with the item that I talked about above.
Click to expand...
Click to collapse
Click to expand...
Click to collapse
Q:
I cannot get the status bar to change at all. I've got a status bar image sitting in framework-res.apk, SystemUI.apk, and it is still solid black. I cannot figure out what I need to change to use the custom image.
Click to expand...
Click to collapse
A:
look in your System.apk, /res/layout/status_bar.xml. Now the second line down will probably look something like this:
Code:
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" [U][B]android:background="#ff000000"[/B][/U]android:focusable="true" android:descendantFocusability="afterDescendants"
I put in bold what we are worried about. Basically, it doesn't really matter WHAT it is (even though if its black it will be that) as long as its not
Code:
android:background="@drawable/statusbar_background"
But you aren't done yet. The second to last line should look something like this:
Code:
<com.android.systemui.statusbar.DateView android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android:id="@id/date" [U][B]android:background="#ff000000"[/B][/U] android:paddingLeft="6.0px" android:paddingRight="6.0px" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Again, change the bolded part to
Code:
android:background="@drawable/statusbar_background"
Click to expand...
Click to collapse
Click to expand...
Click to collapse

I think this is a good idea. Count me in for support.
Sent from my GT-I9000 using XDA App

Glad to have you on board.

No way we can let this thread just die so I'll ask a question.
I'm trying to find the images to change the color of the volume sliders and progress bars. Not the progress animation but the green bars themselves and the slider buttons. I've attached a screenshot to show what I mean.
And thanks for making yourselves available for supporting us!

Those are not an image. They are an xml edit. In your decompiled fwres, you need to navigate to res/drawable/progress_horizontal. In there you are going to look for the last 6 hex code values. They should look like this.
Code:
<item android:id="@id/secondaryProgress">
<clip>
<shape>
<corners android:radius="4.659973dip" />
<gradient android:startColor="#50537cb2" android:endColor="#802b415e" android:angle="270.0" android:centerColor="#8096b6e0" />
</shape>
</clip>
</item>
<item android:id="@id/progress">
<clip>
<shape>
<corners android:radius="4.659973dip" />
<gradient android:startColor="#ff537cb2" android:endColor="#ff2b415e" android:angle="270.0" android:centerColor="#ff96b6e0" />
</shape>
The values create a gradient. The starting color is the top of your bar, ending the bottom, and center....well the center. You can make all three the same color to have it a solid, or play around with it to get a 3D feel. The code I posted is what we use for Mosaic. Edit both sets. You will find one more set in this xml but they are the values for the gray background...you can play with that as well if you wanna have fun.

Yup! And here is the one I use for Blue Darkness too, just for reference:
Code:
<?xml version="1.0" encoding="UTF-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@id/background">
<shape>
<corners android:radius="2.659973dip" />
<gradient android:startColor="#ff000000" android:endColor="#ff000000" android:angle="270.0" android:centerColor="#00000000" />
</shape>
</item>
<item android:id="@id/secondaryProgress">
<clip>
<shape>
<corners android:radius="2.659973dip" />
<gradient android:startColor="#00000000" android:endColor="#00000000" android:angle="270.0" android:centerColor="#80084eff" />
</shape>
</clip>
</item>
<item android:id="@id/progress">
<clip>
<shape>
<corners android:radius="2.659973dip" />
<gradient android:startColor="#00000000" android:endColor="#00000000" android:angle="270.0" android:centerColor="#ff2b79fb" />
</shape>
</clip>
</item>
</layer-list>
BUT you can use images, but you have to do it correctly. Take a look at Honeycomb progress bars if you are interested.

Awesome, very helpful as always. Now how about the buttons on the sliders?

Jirv311 said:
Awesome, very helpful as always. Now how about the buttons on the sliders?
Click to expand...
Click to collapse
They are images in the few-res. Not at my computer right now but they are there.
sent using a phone from the future.

Jirv311 said:
Awesome, very helpful as always. Now how about the buttons on the sliders?
Click to expand...
Click to collapse
/res/drawable-hdpi/seek_thumb_normal.png and seek_thumb_pressed.png

NunHugger said:
They are images in the few-res. Not at my computer right now but they are there.
sent using a phone from the future.
Click to expand...
Click to collapse
bryman27 said:
/res/drawable-hdpi/seek_thumb_normal.png and seek_thumb_pressed.png
Click to expand...
Click to collapse
Yup, thank you both. I found those almost right after I posted. That's why I like this thread.

This is such an excellent thread. I wish this was around when I still had the time (and the drive) to theme.
Sent from my Captivate

great info here, though to a noob not wanting to do xml editing, all the changes discussed sofar can be done on the UOT kitchen, by uploading the system ui / framwork youre working on and clicking some check-boxes and selecting colors from a color chooser. super easy. http://uot.dakra.lt/
but dont get me wrong I LOVE the Q/A thing youre doing here, just might be scary to some, and there are other simpler options.

UOT is good, don't get me wrong but you cannot do the advanced things that really make a quality theme in it. It is much better to learn the xml and how to manipulate it to get what you want. I am learning more about the xml everyday as I work on my theme, but that's part of what theming is. Still wish I could have the knowledge and talent that some of these other themers have.

I know this is my thread, but I can still ask questions right?
In a newly flashed ROM this isn't a problem, but for someone like me I tend to have it. I want to know how to make the wallpaper go back to the default wallpaper after you flash the theme. Now I did some digging around and found that removing /data/data/com.android.settings/files/wallpaper will set the wallpaper back to default if the user is using a normal wallpaper. Does anyone know how to set it back to default if they are using a live wallpaper?

DemonWav said:
I know this is my thread, but I can still ask questions right?
In a newly flashed ROM this isn't a problem, but for someone like me I tend to have it. I want to know how to make the wallpaper go back to the default wallpaper after you flash the theme. Now I did some digging around and found that removing /data/data/com.android.settings/files/wallpaper will set the wallpaper back to default if the user is using a normal wallpaper. Does anyone know how to set it back to default if they are using a live wallpaper?
Click to expand...
Click to collapse
Try removing /data/system/wallpaper_info.xml

bryman27 said:
Try removing /data/system/wallpaper_info.xml
Click to expand...
Click to collapse
No, that didn't do it. I've been looking for what controls the Live Wallpaper so maybe I can change something there, but I'm not completely sure where to look.

DemonWav said:
No, that didn't do it. I've been looking for what controls the Live Wallpaper so maybe I can change something there, but I'm not completely sure where to look.
Click to expand...
Click to collapse
I noticed the same thing. When a Live Wallpaper is set, the wallpaper_info.xml doesn't seem to exist.
---------- Post added at 07:57 AM ---------- Previous post was at 07:56 AM ----------
Not sure if this is a theme question or not. I am using the AOSP lockscreen mod and for whatever reason, a lockscreen wallpaper will not set. It just takes on whatever the homescreen wallpaper is. Anybody know how to fix this?

wow great thread...been looking for something like this from some time....
EDIT: I think this should be sticky...

I figure I'll ask this on the very slim chance I do decide to try and theme again...
What are the tools of trade? i.e. What programs do I need to have readily available?

[GUIDE][4.4.x][4.2.x]Theming Android SystemUI

This is a simple guide to understand how to theme systemui.apk on 4.4.x OR 4.2.x, this guide will work for any rom having aosp like user interface. Before you start reading this, you have to set up apktool correctly. Just to check if your apktool is correctly installed, you can decompile my DarkL rom's systemui.apk and then recompile it without making any changes, if it compiles successfully then you are ready to try this tutorial.
Also, you need notepad++ to edit xml or smali line by line and you need gimp to edit transparent pngs.
Now we will learn easy things first then move to more advanced things, so lets start with statusbar icons first, I'll add more things in this tutorial in coming days, Sorry, I'm lazy to type
1.Changing statusbar icons (Signal, wifi, alarm, vibration or silent icons etc.)-
First decompile your systemui and go to "/systemui/res/" folder.
Changing the statusbar icons is easiest, these are pngs located in /res/drawable-hdpi/ OR /res/drawable-xhdpi/ depending on your device resolution, if it's 480*800 then your device is hdpi else if your resolution is 1280*720 then your device is xhdpi. You need to make changes in the correct folder.
Now open your folder /res/drawable-hdpi/ OR /res/drawable-xhdpi/ and look for pngs starting with name "stat_sys_.....png"
For wifi icon, we have "stat_sys_wifi_signal_1_fully.png" , "stat_sys_wifi_signal_2_fully.png" and so on, till "stat_sys_wifi_signal_4_fully.png".
For signal icons, we have "stat_sys_gemini_signal_1_orange.png" , 2_orange , 3_orange and so on, If your device is dual sim, you have multi colored signals, orange, purple, green, blue, look for the appropriate png and edit/replace it.
View attachment 3208547
Similarly, all the icons appearing in your statusbar are present here, all start with "stat_sys_.....png" you can edit these pngs or replace them from an existing theme or rom.
Warning - Ask permissions from the developer of that rom/theme !!
Just to learn things, you can use my DarkL rom's systemui.apk and take pngs from it
2.Changing notification drawer background-
The semi transparent background of your notification drawer is a png located in /res/drawable-hdpi/ or /res/drawable-xhdpi/ according to your device resolution. You need to make changes in the correct folder for your device.
Now find "notification_panel_bg.9.png" in your folder, this is the notification background, I recommend you to rename it to "notification_panel_bg.png" because .9 pngs have a border and are tricky to edit.
Now right click on this png and edit it with gimp, erase it and fill any color you want to.
View attachment 3208550
3.Customizing quicksettings tiles (icons, background and gaps)-
Firstly, to change quicksettings icons like wifi, data, rotation, bluetooth etc. Go to correct folder according to your device /res/drawable-xhdpi/ OR /res/drawable-hdpi/ now you need to replace/edit the pngs starting with "ic_qs_....png" , all of them are for quicksettings.
View attachment 3208555
Similarly, all the icons appearing in your statusbar are present here, all start with "ic_qs_.....png" you can edit these pngs or replace them from an existing theme or rom.
Warning - Ask permissions from the developer of that rom/theme !!
Just to learn things, you can use my DarkL rom's systemui.apk and take pngs from it
Now, to change background of tiles, you have to edit "/res/drawable/qs_tile_background.xml", you need to know the hex codes of your desired color to edit them, use this website to convert RGB to hex or reverse.
Now open "/res/drawable/qs_tile_background.xml" and look for the two hex codes, first one is for pressed tile, second one is for normal tile. Erase the last 6 characters here and Put your own 6 character hex code of any color.
View attachment 3208558
Now to edit dimensions in systemui like gaps between quicksettings tiles and size of recent apps, open "/res/values/dimens.xml"
This file contains the size of various things, you can play with the values and maybe discover something awesome, below are few things you can try, just alter the blue colored value.
These two lines are for changing the size of recent apps-
Code:
[COLOR="red"] <dimen name="status_bar_recents_thumbnail_width">164.0dip</dimen>
<dimen name="status_bar_recents_thumbnail_height">145.0dip</dimen>[/COLOR]
This line for changing gap between two notifications-
Code:
[COLOR="red"] <dimen name="notification_divider_height">3.0dip</dimen>[/COLOR]
(To remove gap, put 0.0dip)
This line for changing gap between quicksettings tiles-
Code:
[COLOR="red"]<dimen name="quick_settings_cell_gap">3.0dip</dimen>[/COLOR]
Similarly, you can try changing anything here to resize various things in your notifications and quicksettings, It's time consuming but interesting.
4.Changing layout of clock in notification header-
Usually, the notification header of stock rom's systemui has clock in this format-
View attachment 3208560
I feel that It's a bit too long, So I'll tell a method to make it double line-
View attachment 3208574
To do this, firstly you need to increase the height of notification header, go to "res/values/dimens.xml" and find this line-
Code:
[COLOR="red"]<dimen name="notification_panel_header_height">40.0dip</dimen>[/COLOR]
Change the value here to 56dpi
Now, to make the clock double line, open "/res/layout/status_bar_expanded_header.xml" and find this code-
Code:
<LinearLayout android:enabled="false" android:gravity="center_vertical" android:orientation="vertical" android:id="@id/datetime" android:paddingLeft="3.0dip" android:paddingRight="0.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
</LinearLayout>
See the tags LinearLayout, Just change it to RelativeLayout both above and below.
Code:
<RelativeLayout android:enabled="false" android:gravity="center_vertical" android:orientation="vertical" android:id="@id/datetime" android:paddingLeft="3.0dip" android:paddingRight="0.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
</RelativeLayout>
Thank you for reading, more things I'll add later, too tired to type more.

Reserved
More to come

Very Nice guide.
Regards

Nice work, looking forward for more such helpful guides. :good:

How can I change the navbar (background & icons)?

If I am only interested in changing the icons (such as alarm icon, Bluetooth icon) , do I need to decompile the APK?
I tried to drag the pngs I wanted into the appropriate folder.
I can see that it is working, but not sure if it has any adverse effects.
Any advice?

albel said:
If I am only interested in changing the icons (such as alarm icon, Bluetooth icon) , do I need to decompile the APK?
I tried to drag the pngs I wanted into the appropriate folder.
I can see that it is working, but not sure if it has any adverse effects.
Any advice?
Click to expand...
Click to collapse
Yes, but drag and drop has limitations, you can only replace normal pngs but not .9 pngs, It's fine for you since statusbar icons are normal pngs only, they are not .9 pngs.

Mmmh!!! this is quiet new and much detailed. Big ups for the guide.

nicely done..thanks for your brilliant work..keep it up

Request
Can you add method to add brightness slider?

mr-illusionist said:
Can you add method to add brightness slider in kitkat roms?
Click to expand...
Click to collapse
Yes, I'll write about adding features in second post soon, I've also attached my rom's SystemUI.apk, you can decompile it and see /res/xml/notification_header_expanded.xml till then.

Plz can you add some information about . changing position of signal bars and WiFi from right to left ??
If yes then it will be very great of you .... Thanks in advance
Sent from my UF2021 using XDA Free mobile app

please i want to change this color
{
"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"
}
to this
wish xml file must be changed ?
sorry for my english

umangleekha said:
Yes, I'll write about adding features in second post soon, I've also attached my rom's SystemUI.apk, you can decompile it and see /res/xml/notification_header_expanded.xml till then.
Click to expand...
Click to collapse
Waiting for it bro. :good:

Do you have any method to insert brightness slider bar on systemui?

Subscribed..!! Thanx for this wonderful guide.. Waiting for the next part..