[Android Themes] xenreon:
Hi guys,

Today I'm here with the full tutorial on changing the background of everything on the expanded panel for JB 4.1 touchwiz ROMs

What this guide includes :

1. Main background

2. Header background

3. Header settings button background

4. Toggles background

5. Brightness slider background

6. Sim selector background

7. No notifications bar background

8. Notifications bar background

9. Ongoing bar background

10. Ongoing and notifications panel background

11. Close drag handle background

Requirements :

1. Brain

2. Patience

3. Experience(little bit)

4. Apktool or anything like it

How to :

1. Decompile your SystemUI.apk

Now to change different backgrounds :

1. Main background :

1. Go to res/layout/tw_status_bar_expanded.xml(if you're device is single sim)/ tw_status_bar_expanded_dual.xml(if you're device is dual sim)

2. Focus on line no.5 which is this:

<FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="@dimen/tw_close_handle_underlap">

3. Now add this to the line:

android:background="#ffffffff"

... You can also use a png in which case you have to add it like this:

android:background="@drawable/pngname"

and then put a png of which name you used on a drawable folder

2. Header background :

1. Go to res/layout/tw_status_bar_expanded_header.xml

2. Now focus on line no.2 which is this:

<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"

3. Now edit the

android:background="#ff000000"

to set a png or just use hex if you want

3. Header settings button background :

1. Go to res/layout/tw_status_bar_expanded_header.xml

2. Now find this:

<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">

3. Now edit the:

android:background="@drawable/tw_quick_panel_setting_button_bg"

like you want

4. Toggles background :

go to res/drawable-??dpi(depends on your device) and change these 2 pngs: tw_quick_panel_quick_setting_button_bg_normal.9.png(when the toggles are normal)

and

tw_quick_panel_quick_setting_button_bg_pressed.9.png(when a toggle is pressed)

5. Brightness slider background :

1. Go to res/layout/tw_status_bar_expanded.xml(depends on your device)

2. Find this line:

<LinearLayout android:orientation="vertical" android:id="@id/brightness_controller" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="56.0dip" android:layout_marginTop="0.0dip">

3. Now change the:

android:background="#ff000000"

to what you like

6. Sim selector background :

1. Go to res/layout/tw_status_bar_expanded_dual.xml(it's only on dual sim)

2. Find this line:

<LinearLayout android:orientation="horizontal" android:id="@id/quickpanel_dualsim_layout" android:layout_width="fill_parent" android:layout_height="67.0dip">

3. Now add this to it:

android:background="#ffffffff"

and edit it like you want

7. No notifications bar background :

1. Go to res/layout/tw_status_bar_expanded.xml(depends on the device)

2. Now find this line:

<LinearLayout android:orientation="vertical" android:id="@id/noNotificationsTitle" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content">

3. Now add this to it:

android:background="#ffffffff"

and edit it like you want

8. Notifications bar background :

1. Go to res/layout/tw_status_bar_expanded.xml(again depends on the device)

2. Now find this:

<LinearLayout android:orientation="vertical" android:id="@id/notificationCart" android:background="#ff293945" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height">

3. Now change the:

android:background="#ff293945"

to whatever you want

9. Ongoing bar background :

1. Go to res/layout/tw_status_bar_expanded.xml(as always depends on the device)

2. Now find this line:

<LinearLayout android:orientation="vertical" android:id="@id/onGoingCart" android:background="#ff293945" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height">

3. Now edit this:

android:background="#ff293945"

to your liking

10. Ongoing and notifications panel background :

1. Go to res/layout/tw_status_bar_notification_row.xml

2. Now focus on this line:

<com.android.systemui.statusbar.LatestItemView android:id="@id/content" android:background="@drawable/tw_notification_row_bg" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/tw_notification_divider_height" android:layout_marginBottom="@dimen/tw_notification_divider_height">

3. Now edit the:

android:background="@drawable/tw_notification_row_bg"

to set another PNG or to set hex

11. Close drag handle background :

1. Go to res/layout/tw_status_bar_expanded.xml(as always depends on the device)

2. Find this line:

<com.android.systemui.statusbar.phone.CloseDragHandle android:layout_gravity="bottom" android:orientation="vertical" android:id="@id/close" android:layout_width="fill_parent" android:layout_height="@dimen/tw_close_handle_height">

3. Now add this to it:

android:background="#ffffffff"

and edit it like you want

Or if you wanna do it with pngs and want close drag handle to show different backgrounds while being normal and dragged as usual than edit:

tw_status_bar_close_off.png (when close drag handle is normal)

And

tw_status_bar_close_on.png (when close drag handle is touched/dragged)

2. Now recompile, sign, push, reboot and enjoy !!!

Credits :

[MENTION=369057]majdinj[/MENTION] learn a lot from he's guide

[MENTION=5981481]ARGHA_DAS[/MENTION] for main BG changing guide and saying how to change notifications and ongoing BG​