[LG Optimus Black] gabwerkz:
I might leave the scene and go back to CM7, I’ll just leave some important pointers in theming the ROM. As editing image is fairly easy, I will start with xml’s and editing font colors, background size etc.

Tools you need:

1. A program to decompile an APK

2. A program to edit xml’s (I prefer Notepad++)

3. Hex color sampler (Color-Hex)

4. Basic knowledge editing xml’s

5. Patience

Settings Description Colors

Location: framework-res/res/color/listitem_summary_text

Last HEX code is the one to edit

Credits:antonio1475

<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:state_pressed="true" android:color="#ffbebebe" />
<item android:state_enabled="false" android:state_selected="true" android:color="#ffbebebe" />
<item android:state_pressed="true" android:color="#ff000000" />
<item android:state_selected="true" android:color="#ffffffff" />
<item android:state_enabled="false" android:color="#ffbebebe" />
<item android:color="[B]#ff33b5e5[/B]" />
</selector>

Description Colors (rest of the UI)

Location: framework-res/res/values/colors.xml

Credits: ZduneX25

<color name="dim_foreground_dark">[B]#ff33b5e5[/B]</color>
<color name="dim_foreground_dark_disabled">[B]#8033b5e5[/B]</color>
<color name="dim_foreground_light_inverse">[B]#ff33b5e5[/B]</color>
<color name="dim_foreground_light_inverse_disabled">[B]#8033b5e5[/B]</color>

Remaining colors, EXPERIMENT and see changes

Notification Menu (Pull Down)

Location: framework-res/res/layout/status_bar_latest_event_content.xml

You will find 3 hex colors for Title, Description and Time

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:paddingLeft="5.0dip" android:paddingTop="7.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:orientation="horizontal" android:paddingTop="3.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
<ImageView android:id="@id/icon" android:layout_width="25.0dip" android:layout_height="25.0dip" android:src="@drawable/arrow_down_float" android:scaleType="fitCenter" />
<TextView android:textSize="18.0sp" android:textStyle="bold" android:textColor="[B]#ffffffff[/B]" android:ellipsize="marquee" android:id="@id/title" android:paddingLeft="4.0dip" android:fadingEdge="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:textSize="14.0sp" android:textColor="[B]#ff33b5e5[/B]" android:ellipsize="marquee" android:id="@id/text" android:paddingLeft="4.0dip" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
<android.widget.DateTimeView android:textSize="14.0sp" android:textColor="[B]#ff33b5e5[/B]" android:id="@id/time" android:paddingRight="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:singleLine="true" />
</LinearLayout>
</LinearLayout>

Centered clock/date

Proper transparency no overlaying of notification with the time. (except too much notification icons)

Location: SytemUI/res/layout/status_bar.xml

Use UOT to make status bar transparent (easy way). then create a black/gray or whatever .PNG/.9.PNG "statusbar_background2" same size as status bar (can be 480X40-42) and insert it SystemUI/res/drawable-hdpi

<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="@drawable/statusbar_background" android:focusable="true" android:descendantFocusability="afterDescendants"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="center" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" android:layout_weight="1.0" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/icons" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:paddingLeft="6.0dip" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0" android:layout_alignParentLeft="true" />
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/statusIcons" android:paddingRight="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_alignParentRight="true" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/ticker" android:paddingLeft="6.0dip" android:animationCache="false" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/statusbar_background2">
<ImageSwitcher android:id="@id/tickerIcon" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginRight="8.0dip">
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="25.0dip" android:layout_height="25.0dip" />
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="25.0dip" android:layout_height="25.0dip" />
</ImageSwitcher>
<com.android.systemui.statusbar.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textColor="#ffffffff" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textColor="#ffffffff" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.TickerView>
</LinearLayout>
<com.android.systemui.statusbar.DateView android:textSize="13.0sp" android:textStyle="bold" android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ffffffff" android:gravity="center" android:id="@id/date" android:background="@drawable/statusbar_background2" android:paddingLeft="6.0px" android:paddingRight="6.0px" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</com.android.systemui.statusbar.StatusBarView>

Pull Down Menu Toggle Icons Background

Location: SytemUI/res/layout/status_bar_expanded.xml

Edit the ff numbers: android:layout_height="111.0px"

android:layout_marginTop="18.0px"

android:layout_marginBottom="15.0px"

<TableLayout android:id="@id/lge_table_layout_1" android:layout_width="fill_parent" android:layout_height="111.0px">
<TableRow>
<ImageView android:id="@id/sound_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="19.0px" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/wifi_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/bt_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/gps_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
<ImageView android:id="@id/network_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
</TableRow>
</TableLayout>

Seek Bar/Volume

Location: framework-res/res/values/layout.xml

Orig value: 10.0dip

<style name="Widget.SeekBar" parent="@style/Widget">
<item name="focusable">true</item>
<item name="maxHeight">5.0dip</item>
<item name="indeterminateOnly">false</item>
<item name="indeterminateDrawable">@drawable/progress_horizontal</item>
<item name="progressDrawable">@drawable/progress_horizontal</item>
<item name="minHeight">5.0dip</item>
<item name="thumb">@drawable/seek_thumb</item>
<item name="thumbOffset">8.0dip</item>
</style>

Try them first...

TO BE CONTINUED....