Database Develop

[THEMES] 10.12.11 signals23 Widget Themes **NOW FOR APW**

signals23 Widget Themes
10.12.11 UPDATE - Added my first Android Pro Widgets theme to the Market (XTG/CLEAR). To see all my themes, go here or here.
CURRENT LIMITATIONS OF THE LAUNCHERPRO THEME ENGINE:
All of these are requests I have sent to Fede
- I can't change the color of the notification bubbles
- I can't move the refresh icon
- I can't change the padding of the widgets to fullscreen
- In some themes, the calendar grid looks bad because of the padding
- I can't put an image behind an individual contact or bookmark grid item
When these things are implemented, I will update the themes accordingly
How-to use the new theme engine
These applications will theme ALL LauncherPro Plus widgets to look like the images below.
This application will only work with the pro version of LauncherPro Plus with theme engine. You can download that application here: http://bit.ly/esPpFt.
- ALL 9 LauncherPro Plus widgets are themed via these applications.
- You still need to purchase the Market unlocker for LauncherPro to gain access to the widgets. The unlocker can be found here: http://bit.ly/fYU47o.
- This will work if you have purchased the Paypal version of LauncherPro, as long as you install the beta application mentioned above.
- Install this application, then go to LauncherPro Preferences->LP Widget Settings->Select the widget you want to theme->Select Skin->signals23-THEME. Backout and restart LauncherPro to see the changes.
CLEAR​
{
"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"
}
Market CLEAR
GRIDLESS​
Market GRIDLESS - Identical to CLEAR with no calendar gridlines
XTG​
Market XTG
Market APW-XTG/CLEAR
XTG-ROUND​
Market XTG-ROUND
GTX​
Market GTX
BW​
Market BW
BLOCKS​
Market BLOCKS
BLURPS-GREY​
Market BLURPS-GREY
BLURPS-RED​
Market BLURPS-RED

Tutorial
First off, run Brut's APKTool or Daneshm90's APKManager on the LauncherPro apk. Then follow the instructions below.
10.06.10 UPDATE: If you're trying to follow one of these tutorial's using Brut's APKTool, a major bug was found in 1.3.2 that will cause FC's. See here. You can get apktool 1.3.1 here and run it normally. Hopefully, Brut won't mind me posting this, I'll take it down once he fixes the problem.
How to change notification bubble color​
Open this file:
smali/com/fede/launcher/QuickShortcut.smali
and change:
Code:
.line 197
iget-object v6, p0, Lcom/fede/launcher/QuickShortcut;->mCountBubblePaint:Landroid/graphics/Paint;
const/high16 v7, -0x56 [I](Original red color)[/I]
invoke-virtual {v6, v7}, Landroid/graphics/Paint;->setColor(I)V
to:
Code:
.line 197
iget-object v6, p0, Lcom/fede/launcher/QuickShortcut;->mCountBubblePaint:Landroid/graphics/Paint;
const v7, 0xffF117A5 [I](Remove /high16 and add any aarrggbb color)[/I]
invoke-virtual {v6, v7}, Landroid/graphics/Paint;->setColor(I)V

This looks great.
Trying it the second I get home tonight.
Good work!
EDIT:
Oh my! This was just GREAT! Thanks for this!

These look great. Definitely going to try these out!
Thanks signals23

For some reason the bottom bar is not bringing over your icons or backgroud. All of the widgets are displaying correctly though.
Am I doing something wrong?

scuccia said:
For some reason the bottom bar is not bringing over your icons or backgroud. All of the widgets are displaying correctly though.
Am I doing something wrong?
Click to expand...
Click to collapse
Installing this won't bring the launcher theme. That is my GTX theme and can be found in my signature. But only for mdpi devices.
Sent from my HERO200 using XDA App

These look great! Will definitely try it out

They look great indeed, thanks for sharing these. Will there be an XTG Fullscreen version?

[USELESS POST]
- The clear version looks great.
Thanks, again

Extraxyz said:
They look great indeed, thanks for sharing these. Will there be an XTG Fullscreen version?
Click to expand...
Click to collapse
You mean with a transparent black bg?
Sent from my HERO200 using XDA App

Updated the OP with fullscreen black text on clear background (also has blue notification bubbles).

This is great, thanks for sharing <3

new launcherpro out

signals23 said:
You mean with a transparent black bg?
Click to expand...
Click to collapse
Yes just like the normal XTG version, but then with the refresh button on top like in the Fullscreen white versions

OP updated with 3 new CLEAR versions and new XTG version per LP 0.7.9.0.
I still have to do the 3 GTX versions.

signals23 said:
OP updated with 3 new CLEAR versions and new XTG version per LP 0.7.9.0.
I still have to do the 3 GTX versions.
Click to expand...
Click to collapse
Just pushed to my phone
Thanks!

cheers for this. that was an extremely quick update.

Nice to see I'm not the only one rocking GTX on Android.
I've gone and kept the square GTX look and customized it to my liking. Went and inverted it all because a bright white screen drains battery faster than a dark. (Yes I'm that anal, lol)
I use PureMessenger but your mod surely is tempting. Keep up the good work!
+Support
Let me know if you ever need Photoshop work done, I'll gratefully send you my Android GTX variations.
(Preview of my old set up)

Dude
That's incredible. I'm loving the look of your old setup.
Now. GIIIIIIIIEEEEEEEEEFFFF

Thanks a lot for this! Now are my homescreens nearly perfect!
Big up for the good and fast work!!

[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?

[MOD] Swiping Power Toggles SystemUI v1.5 | eXistenZ Add on | 02/12/13

INTRODUCTION
Tired of DoCoMo style Power Toggle? Here's something different The Swiping Power Toggles.
This mod have been mode to be used with eXistenZ Rom
When you pull out the notification bar the Power Toggles are available by swiping from left side.
29 differents Toggles are available.
Camera Toggle
- Click to show preview or Long Click to open Camera App.
- While showing preview: Click again to take photo
- While showing preview: Long press to close Camera
Many options in Personalization settings.
All differents icons colors are changing according to theme accent.
Flip Animation while clicking all Toggles.
Different sizes and number of columns.
Clear all task button at top left of Recent Task.
INSTALL INSTRUCTIONS
Flash in recovery :good:
SCREENSHOTS
{
"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"
}
VIDEO
Watch HD 720p video

TRANSLATION
If your language is not yet supported or if you found errors, please translate this:
The part to translate is between > < (in red for first string)
Code:
<string name="power_toggles_wifi_text">[COLOR="Red"]Wi-Fi[/COLOR]</string>
<string name="power_toggles_mobile_data_text">Data</string>
<string name="power_toggles_network_text">Network Mode</string>
<string name="power_toggles_sound_sound_text">Sound</string>
<string name="power_toggles_sound_sound_vibration_text">Sound Vibration</string>
<string name="power_toggles_sound_silent_text">Silent</string>
<string name="power_toggles_sound_vibration_text">Vibration</string>
<string name="power_toggles_auto_rotate_text">Auto Rotation</string>
<string name="power_toggles_bluetooth_text">Bluetooth</string>
<string name="power_toggles_gps_text">GPS</string>
<string name="power_toggles_sync_text">Auto Sync</string>
<string name="power_toggles_brightness_text">Brightness</string>
<string name="power_toggles_screen_timeout_text">Screen Timeout</string>
<string name="power_toggles_lockscreen_text">Lockscreen</string>
<string name="power_toggles_airplane_text">Airplane Mode</string>
<string name="power_toggles_flashlight_text">Flashlight</string>
<string name="power_toggles_reboot_text">Reboot</string>
<string name="power_toggles_shutdown_text">Shutdown</string>
<string name="power_toggles_airplane_mode">In Flight Mode</string>
<string name="power_toggles_shutdown_confirm">Your phone will shut down.</string>
<string name="power_toggles_reboot">Reboot</string>
<string name="power_toggles_reboot_recovery">Recovery</string>
<string name="power_toggles_reboot_bootloader">Bootloader</string>
<string name="power_toggles_usb_debugging_text">USB Debugging</string>
<string name="power_toggles_usb_connection_mode_text">USB Conn. Mode</string>
<string name="power_toggles_usb_mtp_title">Current mode: MTP</string>
<string name="power_toggles_usb_msc_title">Current mode: MSC</string>
<string name="power_toggles_usb_mtp_mode">MTP - Media Transfer</string>
<string name="power_toggles_usb_msc_mode">MSC - Mass Storage</string>
<string name="power_toggles_wifi_ap_text">Wi-Fi Hotspot</string>
<string name="power_toggles_stay_awake_plugged_text">Stay Awake</string>
<string name="power_toggles_battery_info_text">Battery Info</string>
<string name="power_toggles_battery_info_info">Battery Information</string>
<string name="power_toggles_battery_info_usage">Battery Power Usage</string>
<string name="power_toggles_system_settings_text">System Settings</string>
<string name="power_toggles_recent_apps_text">Recent Apps</string>
<string name="power_toggles_me_profile_contact_text">Me</string>
<string name="power_toggles_stamina_mode_text">STAMINA Mode</string>
<string name="power_toggles_nfc_text">NFC</string>
<string name="power_toggles_roaming_text">Roaming</string>
<string name="power_toggles_throw_text">Throw</string>
<string name="power_toggles_usb_tether_text">USB Tethering</string>
<string name="power_toggles_preferences_category_power_toggles">Power Toggles</string>
<string name="power_toggles_preferences_close_on_toggle_title">Close on Toggle</string>
<string name="power_toggles_preferences_close_on_toggle_summary">Close the notification pulldown after toggling a button</string>
<string name="power_toggles_preferences_category_order">Buttons Order</string>
<string name="power_toggles_preferences_buttons_order_title">Change Order</string>
<string name="power_toggles_preferences_buttons_order_summary">Change the buttons order (two or more selected selected buttons are needed)</string>
<string name="power_toggles_preferences_category_buttons">Buttons (Alphabetically Sorted)</string>
<string name="power_toggles_preferences_category_reset">Reset</string>
<string name="power_toggles_preferences_reset_title">Reset Buttons</string>
<string name="power_toggles_preferences_reset_summary">All buttons and default order</string>
<string name="power_toggles_preferences_reset_message">All buttons will be included with the default order. Continue?</string>
<string name="power_toggles_preferences_reset_success_message">All buttons and order successfully reseted!</string>
<string name="power_toggles_preferences_about">About</string>
<string name="power_toggles_preferences_buttons_titles_title">Buttons Titles</string>
<string name="power_toggles_preferences_buttons_titles_summary">Show buttons titles</string>
<string name="power_toggles_camera_text">Camera</string>
DOWNLOAD
v1.0: http://www.mediafire.com/download/l9b5i0pul6fadjg/Xperia_Z-ZL-ZR_Swiping_Power_Toggles.zip
v1.5: http://www.mediafire.com/download/s4o7wn2ce12mgn4/Xperia_Z-ZL-ZR_Swiping_Power_Toggles_v1.5.zip
CHANGELOG
v1.0: Initial version.
v1.5: "Me" toggle use now 1 tile instead of 4.
v1.5: Removed Wifi Toggle flip animation.
v1.5: Removed Data Toggle flip animation.
CREDITS
This have been originaly made by the Master SeraJR, don't forget to Thanks him too
Orginal thread: http://forum.xda-developers.com/showthread.php?t=2532743

PUZZLE OPTIONS
Three differents size are available:
Full Screen with 3 columns (Default size, not an option).
Full Screen with 4 columns.
Three Quarter Screen with 3 columns.
1) Install Power Toggles from previous post.
2) Select desired size from here:
Full Screen with 4 columns: http://www.mediafire.com/download/ute1s6847d0qada/SystemUI-overlay_full_4.apk
Three Quarter Screen with 3 columns: http://www.mediafire.com/download/igxvfy1cfyclg3y/SystemUI-overlay_3quarter_3.apk
3) Move file downloaded to system and set correct permissions (RW- R-- R--)
4) Move that file in system/vendor/overlay
5) Reboot

Nice 1 niaboc. Its just sexy. But 1 correction. It is not full screen 3rows & 4 rows. Its columns.. And buddy if u have time plz help on that toggle part. I am now able to add a new toggle. U told we need to add it in 6 places. I now 4. 2 in power widget smalli In string. 2 in broadcast receiver in the method where it gets all toggles. Rest dunno. Plz.pm me the procedure if u have time.
Sent from my GT-S6102 using Xparent BlueTapatalk 2

Thanks niaboc for your hardwork! but link is not working... ;D

thank u once again
links are dead for the puzzle option
edit : Full Screen with 3 rows (Default size, not an option).does not come ...directly get as shown in the video ...Three Quarter Screen with 3 rows. edit 2 : looks like its due to 320dpi

niaboc79 said:
INTRODUCTION
Tired of DoCoMo style Power Toggle? Here's something different The Swiping Power Toggles.
This mod have been mode to be used with eXistenZ Rom
When you pull out the notification bar the Power Toggles are available by swiping from left side.
29 differents Toggles are available.
Camera Toggle (Click to show preview, click again to take photo; Long press to open Camera)
Many options in Personalizaztion settings
All differents icons colors are changing according to theme accent.
Flip Animation while clicking all Toggles.
Different sizes and number of rows.
Clear all task button at top left of Recent Task.
INSTALL INSTRUCTIONS
Flash in recovery :good:
SCREENSHOTS
VIDEO
Watch HD 720p video
Click to expand...
Click to collapse
niaboc79, It is possible to translate in Spanish, thanks

fernavil said:
niaboc79, It is possible to translate in Spanish, thanks
Click to expand...
Click to collapse
dont quote the whole OP !

Link is not working
Grt work !!!
Keep it up but the links are not working

Blindly I say ... Amazing! :good:

Finally addon for existen Z... Awsome work niaboc79 bro..downloading...
Sent from my LT28h using XDA Premium 4 mobile app
---------- Post added at 02:46 AM ---------- Previous post was at 02:42 AM ----------
Chocklety Boyee said:
Finally addon for existen Z... Awsome work niaboc79 bro..downld link not working plz fix...
Sent from my LT28h using XDA Premium 4 mobile app
Click to expand...
Click to collapse
Sent from my LT28h using XDA Premium 4 mobile app

All download links updated

Now its Working
netharshal13 said:
Grt work !!!
Keep it up but the links are not working
Click to expand...
Click to collapse
REALLY AMAZING.... :good:
Keep it up
Grt Work
Thanks...

niaboc79, It is possible to translate in Spanish, thanks

@niaboc79 Ported to Xperia Z1 please
Enviado desde mi C6906 mediante Tapatalk

Full transparent status bar? Please?
Sent from my C6603 using Tapatalk

niaboc79 said:
All download links updated
Click to expand...
Click to collapse
Ohh.. you have ported my "close all recents" corner mod too... Great job bro!!!
I´ve implemented your french translations and if you get spanish translations let me know. I´m thinking about to create preferences for all boolean values, what about?
Btw... to decrease "Me" toggle like other ones, there is a function which I have created inside Power Toggles for this purpose, so, just add red lines:
Code:
.method private setupPowerToggles()V
.locals 3
.prologue
.line 45
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mStatusBarWindow:Lcom/android/systemui/statusbar/phone/StatusBarWindowView;
const v1, 0x7f0800f6
invoke-virtual {v0, v1}, Lcom/android/systemui/statusbar/phone/StatusBarWindowView;->findViewById(I)Landroid/view/View;
move-result-object v0
check-cast v0, Lcom/serajr/powertoggles/PowerToggles;
iput-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
.line 46
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
iget-object v1, p0, Lcom/android/systemui/SystemUI;->mContext:Landroid/content/Context;
invoke-virtual {v1}, Landroid/content/Context;->getResources()Landroid/content/res/Resources;
move-result-object v1
const v2, 0x7f0d005e
invoke-virtual {v1, v2}, Landroid/content/res/Resources;->getDimensionPixelSize(I)I
move-result v1
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->gridWidth(I)V
.line 47
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
const/4 v1, 0x0
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->buttonShowTitle(Z)V
[COLOR="Red"].line 48
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
const/4 v1, 0x1
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->buttonMeProfileCellSpan(I)V[/COLOR]
.line 49
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
invoke-virtual {v0}, Lcom/serajr/powertoggles/PowerToggles;->setupPowerToggles()V
.line 50
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
invoke-virtual {v0}, Lcom/serajr/powertoggles/PowerToggles;->updatePowerToggles()V
.line 51
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
new-instance v1, Lcom/android/systemui/statusbar/phone/PhoneStatusBar$41;
invoke-direct {v1, p0}, Lcom/android/systemui/statusbar/phone/PhoneStatusBar$41;-><init>(Lcom/android/systemui/statusbar/phone/PhoneStatusBar;)V
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->setChangeContentObserverListener(Lcom/serajr/powertoggles/PowerToggles$ChangeObserverCallbackInterface;)V
.line 52
return-void
.end method
That´s it... let´s make our beloved Xperias fly!!

serajr said:
Ohh.. you have ported my "close all recents" corner mod too... Great job bro!!!
I´ve implemented your french translations and if you get spanish translations let me know. I´m thinking about to create preferences for all boolean values, what about?
Btw... to decrease "Me" toggle like other ones, there is a function which I have created inside Power Toggles for this purpose, so, just add red lines:
Code:
.method private setupPowerToggles()V
.locals 3
.prologue
.line 45
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mStatusBarWindow:Lcom/android/systemui/statusbar/phone/StatusBarWindowView;
const v1, 0x7f0800f6
invoke-virtual {v0, v1}, Lcom/android/systemui/statusbar/phone/StatusBarWindowView;->findViewById(I)Landroid/view/View;
move-result-object v0
check-cast v0, Lcom/serajr/powertoggles/PowerToggles;
iput-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
.line 46
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
iget-object v1, p0, Lcom/android/systemui/SystemUI;->mContext:Landroid/content/Context;
invoke-virtual {v1}, Landroid/content/Context;->getResources()Landroid/content/res/Resources;
move-result-object v1
const v2, 0x7f0d005e
invoke-virtual {v1, v2}, Landroid/content/res/Resources;->getDimensionPixelSize(I)I
move-result v1
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->gridWidth(I)V
.line 47
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
const/4 v1, 0x0
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->buttonShowTitle(Z)V
[COLOR="Red"].line 48
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
const/4 v1, 0x1
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->buttonMeProfileCellSpan(I)V[/COLOR]
.line 49
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
invoke-virtual {v0}, Lcom/serajr/powertoggles/PowerToggles;->setupPowerToggles()V
.line 50
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
invoke-virtual {v0}, Lcom/serajr/powertoggles/PowerToggles;->updatePowerToggles()V
.line 51
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/PhoneStatusBar;->mPowerToggles:Lcom/serajr/powertoggles/PowerToggles;
new-instance v1, Lcom/android/systemui/statusbar/phone/PhoneStatusBar$41;
invoke-direct {v1, p0}, Lcom/android/systemui/statusbar/phone/PhoneStatusBar$41;-><init>(Lcom/android/systemui/statusbar/phone/PhoneStatusBar;)V
invoke-virtual {v0, v1}, Lcom/serajr/powertoggles/PowerToggles;->setChangeContentObserverListener(Lcom/serajr/powertoggles/PowerToggles$ChangeObserverCallbackInterface;)V
.line 52
return-void
.end method
That´s it... let´s make our beloved Xperias fly!!
Click to expand...
Click to collapse
"Ohh.. you have ported my "close all recents" corner mod too... Great job bro!!!"
I've ported all what you did, don't you know that I am fan of your work :silly:
I will ask for translations in all my threads
Yeah great idea for bools values
I will try the "me" mod right now :good:
Something else, I've ported the swiping power toggle to JB 4.1.2 too, http://forum.xda-developers.com/showthread.php?t=2548813 and http://forum.xda-developers.com/showthread.php?t=2548851
But there is some problems with the Camera toggle:
- com/android/systemui/statusbar/phone/PanelView.smali is missing so I've change all part of your code to go in com/android/systemui/statusbar/phone/PhoneStatusBar.smali
It allow the Camera button to work but with still a problem as isFullyExpanded()Z is also missing...
I have found a work around but the Camera preview is not closed when the notification bar is pulled in.

niaboc79 said:
"Ohh.. you have ported my "close all recents" corner mod too... Great job bro!!!"
I've ported all what you did, don't you know that I am fan of your work :silly:
I will ask for translations in all my threads
Yeah great idea for bools values
I will try the "me" mod right now :good:
Something else, I've ported the swiping power toggle to JB 4.1.2 too, http://forum.xda-developers.com/showthread.php?t=2548813 and http://forum.xda-developers.com/showthread.php?t=2548851
But there is some problems with the Camera toggle:
- com/android/systemui/statusbar/phone/PanelView.smali is missing so I've change all part of your code to go in com/android/systemui/statusbar/phone/PhoneStatusBar.smali
It allow the Camera button to work but with still a problem as mExpandedVisible:Z is also missing...
I have found a work around but the Camera preview is not closed when the notification bar is pulled in.
Click to expand...
Click to collapse
Bro... Thank you so much for some kind to "promote" my work everywhere. I would like everyone behave like you! Hats off !!!!!!!
Ok... 4.2.2 PanelView class has a function (isFullyExpanded) that camera runnable code reads its return value repeatedly, and if return is "false", camera preview closes. We need to look for a suchlike 4.1.2 function
Just for your understanding, related java code is:
PHP:
// PanelView
final PanelView panel = getContainingPanel();
// camera button parent (PowerToggles)
final View parent = (View) mView.getParent();
// runnable observer code
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
// camera preview will keep working till expanded is fully opened
if (panel.isFullyExpanded() && parent.getScaleX() == 1) {
mHandler.postDelayed(this, 100);
} else {
// panel is not fully expanded anymore, close camera button
mHandler.post(mReleaseCameraRunnable);
}
}
}, 100);

serajr said:
Bro... Thank you so much for some kind to "promote" my work everywhere. I would like everyone behave like you! Hats off !!!!!!!
Ok... 4.2.2 PanelView class has a function (isFullyExpanded) that camera runnable code reads its return value repeatedly, and if return is "false", camera preview closes. We need to look for a suchlike 4.1.2 function
Just for your understanding, related java code is:
PHP:
// PanelView
final PanelView panel = getContainingPanel();
// camera button parent (PowerToggles)
final View parent = (View) mView.getParent();
// runnable observer code
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
// camera preview will keep working till expanded is fully opened
if (panel.isFullyExpanded() && parent.getScaleX() == 1) {
mHandler.postDelayed(this, 100);
} else {
// panel is not fully expanded anymore, close camera button
mHandler.post(mReleaseCameraRunnable);
}
}
}, 100);
Click to expand...
Click to collapse
Thanks for explanations :good:
That's what I thought that this part was checking if status bar is closed or not to turn of camera, my work around have been to set the returned value to true by default without asking to isFullyExpanded method.
There should be something similar who tell if status bar is pulled out or not...
Me toggle in one tile works perfectly

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