Database Develop

[Q] how to change the text color in the submenu on FroyoBread | v019

Can anyone help me or point me in the right direction. I want to change the text color in the submenu highlighted in the pic. I can't find the xml that controls it.
{
"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 because of this dont use dark themes.
Sent from my X8 using XDA Premium App

have the same problem... it's realy anoing,
maybe there will be a tool to change text colors in the next update...

You have to change the style in values/style to this:
<style name="Theme.ExpandedMenu" parent="@android:style/Theme">
<item name="android:listViewStyle">@android:style/Widget.ListView</item>
<item name="android:textColor">@android:color/bright_foreground_dark</item>
<style name="TextAppearance.Widget.IconMenu.Item" parent="@android:style/TextAppearance.Small">
<item name="android:textColor">@color/bright_foreground_dark</item>
Then you will get white text.The expanded menu is for the more window in menu.

alfsamsung said:
You have to change the style in values/style
Click to expand...
Click to collapse
could u be more specific??? where is that location ?

in .xml from FroyoBread | v020
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">?textAppearanceLargeInverse</item>
.
they are different
<style name="Theme.ExpandedMenu" parent="@android:style/Theme">
<item name="android:listViewStyle">@android:style/Widget.ListView</item>
<item name="android:textColor">@android:color/bright_foreground_dark</item>
edit:SOLVED

seeing as you guys seem to know how do i change the colour that something glows when its pressed.....for example in the screenshot above the search button is selected and its blue how do i change that?

dmcb123 said:
seeing as you guys seem to know how do i change the colour that something glows when its pressed.....for example in the screenshot above the search button is selected and its blue how do i change that?
Click to expand...
Click to collapse
It's an image in res/drawable-mdpi/menuitem_background_pressed

i can´t find the .xml help please

Could you upload the xml file? or the file is inside theme.apk?

megagas22 said:
i can´t find the .xml help please
Click to expand...
Click to collapse
1. pull framework-res.apk from phone/rom
2. Decompile framework-res.apk to see folder res/values (if you not decompile folder values is not there)
3. in folder values is styles.xml file end change this line
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">?textAppearanceLargeInverse</item>
and
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">?textColorPrimaryInverse</item>
change whit this line
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">[COLOR="Red"]@color/bright_foreground_dark</item>[/COLOR]
and
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">[COLOR="Red"]@color/bright_foreground_dark</item>[/COLOR]
4. compile framework-res.apk
5. sing framework-res.apk
6. and finale push framework-res.apk in phone and reboot
Then you will get white text.The expanded menu is for the more window in menu.
cesaraph said:
Could you upload the xml file? or the file is inside theme.apk?
Click to expand...
Click to collapse
Sorry for my bad english!!!

dulemilosevski said:
1. pull framework-res.apk from phone/rom
2. Decompile framework-res.apk to see folder res/values (if you not decompile folder values is not there)
3. in folder values is styles.xml file end change this line
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">?textAppearanceLargeInverse</item>
and
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">?textColorPrimaryInverse</item>
change whit this line
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">[COLOR="Red"]@color/bright_foreground_dark</item>[/COLOR]
and
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">[COLOR="Red"]@color/bright_foreground_dark</item>[/COLOR]
4. compile framework-res.apk
5. sing framework-res.apk
6. and finale push framework-res.apk in phone and reboot
Then you will get white text.The expanded menu is for the more window in menu.
Sorry for my bad english!!!
Click to expand...
Click to collapse
OK, i decompiled it, edited it, recompiled it, but couldn't sign it, i read i had to copy the file resources.arsc from build folder to the root of the framework-res.apk, i did it, replaced the file in framework folder, restarted my phone and it stuck on boot. on the other hand I'm using windows 7, and i think i need linux environment, am I right?

I use alfsamsung methode n get apk manager to decompile it,but when compile it i got error mssge .but im ignore it n keep the work.
After finish,i push it to system but nothing change
Edit: solved, by changing the colour on drawable-mdpi

cruizz said:
I use alfsamsung methode n get apk manager to decompile it,but when compile it i got error mssge .but im ignore it n keep the work.
After finish,i push it to system but nothing change
Sent from my X8 using XDA Premium App
Click to expand...
Click to collapse
for FroyoBread | v022 | 23-07-11
http://forum.xda-developers.com/showpost.php?p=15946457&postcount=3757

[TUT][JB] HOW TO THEME SystemUI.apk for TOTALLY newbie!

hello community
i would like to share something i know about how to theme for most SystemUI.apk.
What in this TUT??
PAGE #1 :
1. Theme Tools that needed.
2. STEPS for making theme.
3. HOW TO CHANGE COLOR FOR TEXT.
4. HOW TO MAKE 1% BATTERY INCREMENT.
5. HOW TO MAKE CENTER CLOCK.
6. HOW TO REARRANGE THE TOGGLE.
7. HOW TO REMOVE THE BRIGHTNESS BAR.
8. HOW TO CHANGE STATUS BAR BACKGROUND.
9. HOW TO MAKE THE BUTTON AND NOTIFICATION TRANSPARENT.
10. HOW TO MAKE TRANSPARENT BACKGROUND.
PAGE #2 :
11. HOW TO REMOVE THE TEXT AND TOGGLES STATUS.
12. HINT HOW TO EDIT IMAGE WITHOUT GETTING ERROR!
13. sample_toggles for all!
14. HOW TO CHANGE ANY PART WITH IMAGE.
15. How To Sign Your Apk After Modding!
TUT SHARED BY OTHERS :
- HOW TO MOVE TOGGLES TO BOTTOM, HOW TO MOVE BATTERY ICON TO LEFT, HOW TO ADD AM/PM AT STATUS BAR. by @SuperDroid-BOND
- HOW TO ADD SCREENSHOT BUTTON IN STATUSBAR. by @remuntada78​​
1. Theme Tools that needed :
Click to expand...
Click to collapse
- Apktool (download the Jar and aapt) [only for Windows] thanks to iBotPeaches for the tool.
- Android Utility [only for MAC/LINUX] thanks to tommytomatoe for the tool.
- Better Draw9Patch. (for editing .9patch png) thanks to AndroidGraphix for the tool.
- good .xml reader (i'd prefer Notepad ++).
- good image editor (i'd prefer GIMP).
- for color to html, go to this site (colorgenerator or colorhunter which is my reference for color
i dont know about Linux or Mac, so this TUT is just for Windows. But im sure the steps is just the same.
STEPS after download the tool (Apktool):
Click to expand...
Click to collapse
- extract both downloaded zip file. (the Jar and aapt)
- you'll get 3 files ( aapt.exe, apktool.bat, and apktool.jar), place it together in one folder.
- go to Home Menu, search for "cmd", copy the cmd to the apktool folder.​
STEPS for installing:
1) pull your framework-res.apk (in system/framework)
2) pull SystemUI.apk (in system/app)
3) install them with the command
Code:
apktool if framework-res.apk
Code:
apktool if SystemUI.apk
this will install the framework and the systemui for the current ROM.​
2. STEPS for making theme :
1) decompile SystemUI.apk with the command.
Code:
apktool d SystemUI.apk
2) then go to SystemUI/res/drawable-hdpi/ (to edit the images)
be careful of the .9.png . Use the Better Draw9Patch tool for editing .9patch pngs.
these are the list of the png and where it will display :
Click to expand...
Click to collapse
for background :
* notification_panel_bg.9 ------------------------------------------------| (status bar bg)
* tw_quick_panel_list_bg_f/n/p ----------------------------------------| (toggle bg)
* tw_quick_panel_quick_setting_button_bg_normal.9 ---------| (toggle button background)
* tw_status_bar_call_ongoing_#####.9 ----------------------------| (status bar display when call)
for icons :
* all tw_quick_panel_icon_###.png ----------------------------------| (toggle button)
{
"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"
}
* stat_sys_battery_# , stat_sys_battery_charge_anim## ------| (for battery display)
* tw_quickpanel_icon_#.png -------------------------------------------| (for status bar expended quicksetting)
* tw_quick_panel_plnm_setting_dv ----------------------------------| (for divider between the quicksetting and clock)
* tw_status_bar_close_on/off ------------------------------------------| ( for the status bar bottom drag)
for recent tumbnail :
* look for all recents_thumbnail_#.png ------------------------------| (for thumbnail bg)
* tw_btn_default_normal_holo_recent_button.9 ------------------| (for btn bg)
* tw_recent_panel_icon_######_holo_dark ----------------------| (for btn icon)
thats all for the important images (other images you'll know just with its look and where it belong )​
3. HOW TO CHANGE TEXT COLOR.
Click to expand...
Click to collapse
res/layout :
1. tw_status bar.xml
battery text color.
Code:
<TextView android:textSize="12.0dip" android:textColor="#something"
clock text color.
Code:
<com.android.systemui.statusbar.policy.Clock android:textSize="@dimen/status_bar_clock_text_size" android:textColor="#something"
change the "something" with your preferred color.
2. tw_status_bar_expanded_header.xml
for pull down clock color.
Code:
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#something"
for date color.
Code:
"@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="#something"
res/values :
1. colors.xml
for pull down Notification label color.
Code:
<color name="notification_category_color">
for clear button label text color.
Code:
<color name="tw_status_bar_clear_btn_text">
2. styles.xml
Code:
<style name="TextAppearance.StatusBar.Expanded.Clock" parent="@style/TextAppearance.StatusBar.Expanded">
<item name="android:textSize">32.0dip</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">#ff33b5e5</item>
<item name="android:fontFamily">sans-serif-light</item>
Code:
<style name="TextAppearance.StatusBar.Expanded.Date" parent="@style/TextAppearance.StatusBar.Expanded">
<item name="android:textSize">12.0dip</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">#FF9CE4FE</item>
<item name="android:textAllCaps">true</item>
Code:
<style name="TextAppearance.StatusBar.Expanded.Network" parent="@style/TextAppearance.StatusBar.Expanded">
<item name="android:textSize">14.0dip</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">#ff33b5e5</item>
you can change the text size, color, style (bold or normal) in that xml.​
4. HOW TO MAKE 1% BATTERY INCREMENT :
Click to expand...
Click to collapse
res/drawable/
- edit the stat_sys_battery.xml and stat_sys_battery_charge.xml to be like this :
Code:
<?xml version="1.0" encoding="utf-8"?>
<level-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/stat_sys_battery_0" android:maxLevel="0" />
<item android:drawable="@drawable/stat_sys_battery_1" android:maxLevel="1" />
<item android:drawable="@drawable/stat_sys_battery_2" android:maxLevel="2" />
<item android:drawable="@drawable/stat_sys_battery_3" android:maxLevel="3" />
<item android:drawable="@drawable/stat_sys_battery_4" android:maxLevel="4" />
<item android:drawable="@drawable/stat_sys_battery_5" android:maxLevel="5" />
.
.
.
.
until :
Code:
.
.
.
.
.
<item android:drawable="@drawable/stat_sys_battery_95" android:maxLevel="95" />
<item android:drawable="@drawable/stat_sys_battery_96" android:maxLevel="96" />
<item android:drawable="@drawable/stat_sys_battery_97" android:maxLevel="97" />
<item android:drawable="@drawable/stat_sys_battery_98" android:maxLevel="98" />
<item android:drawable="@drawable/stat_sys_battery_99" android:maxLevel="99" />
<item android:drawable="@drawable/stat_sys_battery_100" android:maxLevel="100" />
</level-list>
animated battery charge display :
Code:
<?xml version="1.0" encoding="utf-8"?>
<level-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:maxLevel="0">
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="1500" android:drawable="@drawable/stat_sys_battery_0" />
<item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim0" />
</animation-list>
</item>
<item android:maxLevel="1">
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="1500" android:drawable="@drawable/stat_sys_battery_1" />
<item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim1" />
</animation-list>
</item>
<item android:maxLevel="2">
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="1500" android:drawable="@drawable/stat_sys_battery_2" />
<item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim2" />
</animation-list>
.
.
.
.
until :
Code:
.
.
.
.
<item android:maxLevel="100">
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="1500" android:drawable="@drawable/stat_sys_battery_100" />
<item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim100" />
</animation-list>
</item>
<item android:maxLevel="101">
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="1000" android:drawable="@drawable/stat_sys_battery_100" />
<item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_animfull" />
</animation-list>
</item>
</level-list>
then put the battery icons in res/drawable-hdpi, recompile.​
5. HOW TO MAKE CENTER CLOCK?
Click to expand...
Click to collapse
res/layout
tw_status_bar.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.phone.PhoneStatusBarView android:orientation="vertical" android:id="@id/status_bar" android:background="@drawable/status_bar_background" android:focusable="true" android:fitsSystemWindows="true" android:descendantFocusability="afterDescendants"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<ImageView android:id="@id/notification_lights_out" android:paddingLeft="6.0dip" android:paddingBottom="2.0dip" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" />
<LinearLayout android:orientation="horizontal" android:id="@id/icons" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:orientation="horizontal" android:id="@id/left_icons" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
<TextView android:textSize="15.0dip" android:gravity="center_vertical" android:id="@id/carrierLabel" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
<ImageView android:id="@id/doNotDisturbIcon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_dnd" android:alpha="0.7" android:scaleX="0.85" android:scaleY="0.85" />
<com.android.systemui.statusbar.StatusBarIconView android:id="@id/moreIcon" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/stat_notify_more" />
<com.android.systemui.statusbar.phone.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_alignParentLeft="true" />
</LinearLayout>
<LinearLayout android:gravity="center" android:orientation="horizontal" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textSize="@dimen/status_bar_clock_text_size" android:textColor="#ff99FF00" android:gravity="center" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
</LinearLayout>
<LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/right_icons" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0" android:layout_alignParentRight="true">
<LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/statusIcons" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/signal_battery_cluster" android:paddingLeft="0.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<include android:id="@id/signal_cluster" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/tw_signal_cluster_view" />
<TextView android:textSize="9.0dip" android:textColor="#ff99FF00" android:layout_gravity="center" android:id="@id/battery_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/status_bar_network_name_separator" />
<ImageView android:gravity="center" android:id="@id/battery" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
</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">
<ImageSwitcher android:id="@id/tickerIcon" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:layout_marginRight="4.0dip">
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="centerInside" />
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="centerInside" />
</ImageSwitcher>
<com.android.systemui.statusbar.phone.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:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:id="@id/ticker_text_view_old" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:id="@id/ticker_text_view_new" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.phone.TickerView>
</LinearLayout>
</com.android.systemui.statusbar.phone.PhoneStatusBarView>
edit the xml just like mine ​
6. HOW TO REARRANGE THE TOGGLE :
Click to expand...
Click to collapse
before:
res/values
arrays.xml
Code:
<string-array name="QuickSettingButtonAttribute">
<item>Wifi</item>
<item><string-array name="QuickSettingButtonAttribute">
<item>Wifi</item>
<item>Location</item>
<item>SilentMode</item>
<item>AutoRotate</item>
<item>Bluetooth</item>
<item>MobileData</item>
<item>DormantMode</item>
<item>PowerSaving</item>
<item>AllShareCast</item>
<item>MultiWindow</item>
<item>Sync</item>
</string-array>
just arrange what ever you want it to be with replace the arrangement of that xml.
eg. you want to make the GPS toggle to the other side :
HTML:
<string-array name="QuickSettingButtonAttribute">
<item>Wifi</item>
<item>SilentMode</item>
<item>AutoRotate</item>
<item>Bluetooth</item>
<item>MobileData</item>
<item>DormantMode</item>
<item>PowerSaving</item>
<item>AllShareCast</item>
<item>MultiWindow</item>
<item>Location</item>
<item>Sync</item>
</string-array>
after :
thats it, then recompile! ​
7. HOW TO REMOVE THE BRIGHTNESS BAR :
Click to expand...
Click to collapse
res/layouts
tw_status_bar_expanded.xml
find :
Code:
<LinearLayout android:orientation="vertical" android:id="@id/brightness_controller" android:background="#00000000" android:layout_width="fill_parent" android:layout_height="56.0dip">
replace the
Code:
android:layout_height="56.0dip"
with
Code:
android:layout_height="0.0dip"
recompile ​
8. HOW TO CHANGE STATUS BAR BACKGROUND :
Click to expand...
Click to collapse
res/drawable-hdpi
this is the easiest way.
replace the notification_panel_bg.9.png with any of your preferred image with resolution of 480x800.
but before that dont forget to make all toggle background to be transparent.​well, these are several ways that you can make it done :
1) this is the step that i always use to make change the background.
- decompile the apk.
- go to the res/drawable-hdpi folder.
- find the notification_panel_bg.9.png.
- open it with any of your preferred photo editor.
- resize the image to 482x802 (so that the other 2x2 pixel will leave for .9patch).
- open the image that you want to make as background (copy it)
- paste it into the notification_panel_bg.9.png that you have resized.
- draw the whole 2x2 with black line #000000.
- save the image.
- recompile.​
2) this steps is much easier, but i dont recommend. sometimes it failed.
- decompile the apk.
- recompile the apk.
- go to build/apk/res/drawable-hdpi.
- find the notification_panel_bg.9.png
- replace with your preferred image. (but dont forget to name the image with the same name include .9)
- build the apk again.
- your finished apk will be in dist folder.​
3) this is the safest way i guess but always success.
- decompile the apk.
- go to res/layout folder.
- find tw_status_bar_expanded.xml
- in that xml, find android:background="@drawable/notification_panel_bg".
- change that notification_panel_bg with any name. example android:background="@drawable/mybackground".
- save the xml.
- then, go to res/drawable-hdpi folder.
- place your image named "mybackground".
- compile the apk.​
9. HOW TO MAKE THE BUTTON AND NOTIFICATION TRANSPARENT :
Click to expand...
Click to collapse
res/layouts
tw_status_bar_expanded.xml
find :
all
Code:
android:background="#something"
in the xml the change the "#something" with "#00000000".
change ff value to (00 -> 100% transparency, 3f -> 75% transparency, 7f -> 50% transparency, bf -> 25% transparency)
The other value (1e1e1e) is RBG for grey color, if you want it black it will be (000000).
So:
#00000000 - black with 100% transparency
#3F000000 - black with 75% transparency
#7F000000 - black with 50% transparency
#BF000000 - black with 25% transparency
this post originally posted at http://forum.xda-developers.com/showthread.php?t=2078585 by majdinj (hit thanks to him )
Click to expand...
Click to collapse
then go to SystemUI\smali\com\android\systemui\statusbar\phone
PhoneStatusBar.smali
- find -0x100 (there will be just two of it in that smali)
- change both to 0x0 (0=zero)
- save smali.
(that will make the notification bar transparent).​
10. HOW TO MAKE TRANSPARENT BACKGROUND :
Click to expand...
Click to collapse
res/layout
tw_status_bar_expanded.xml
find :
Code:
android:id="@id/notification_panel" android:background="@drawable/notification_panel_bg"
change the "@drawable/notification_panel_bg" to "#00000000" or your preferred transparent range. Then, recompile ​

11. HOW TO REMOVE THE TEXT AND TOGGLES STATUS :
Click to expand...
Click to collapse
res/layout
tw_quick_setting_button.xml
find :
Code:
<ImageView android:layout_gravity="center" android:id="@id/btn_image" android:layout_width="fill_parent" android:layout_height="60.0dip" android:layout_marginTop="4.0dip" />
1. change the android:layout_height="60.0dip" to android:layout_height="90.0dip".
2. change the android:layout_marginTop="4.0dip" to android:layout_marginTop="0.0dip"
then in the same xml.
find :
Code:
<TextView android:textSize="@dimen/quick_setting_button_text_size"
at the same line, you'll see android:textColor="blablabla", change it to android:textColor="#00000000".
and android:layout_height="blabla.bladip" to android:layout_height="0.0dip"
also at the same xml.
find :
Code:
<ImageView android:layout_gravity="center" android:id="@id/btn_status_image"
.
change all the padding to be like mine :
HTML:
<ImageView android:layout_gravity="center" android:id="@id/btn_status_image" android:paddingLeft="0.0dip" android:paddingTop="0.0dip" android:paddingRight="0.0dip" android:paddingBottom="0.0dip" android:layout_width="fill_parent" android:layout_height="0.0dip" android:scaleType="fitXY" android:drawable="@drawable/tw_quick_panel_off" />
all this steps will make the size of the toggle bigger, remove the toggles text, and remove the toggles status.
then go to :
res/values
dimens.xml
find :
Code:
<dimen name="quick_setting_button_
there will be 7 lines of it in that xml.
change the line to be just like mine :
HTML:
<dimen name="quick_setting_button_height">90.0dip</dimen>
<dimen name="quick_setting_button_image_height">90.0dip</dimen>
<dimen name="quick_setting_button_text_height">0.0dip</dimen>
<dimen name="quick_setting_button_text_size">0.0dip</dimen>
<dimen name="quick_setting_button_status_height">0.0dip</dimen>
<dimen name="quick_setting_button_status_padding">2.0dip</dimen>
<dimen name="quick_setting_button_margin_top">0.0dip</dimen>
next steps :
- make your own toggle images with resolution of 80x100 or 90x110 or mine is 90x150. ( just any resolution that fit your toggle when displayed).
- it doesn't matter because you already fix the dimension of the toggle display. The point of creating new big toggles is not to make the display stretched or narrowed.
final steps:
res/layout
tw_status_bar_expanded.xml
find :
Code:
<com.android.systemui.statusbar.policy.quicksetting.QuickSettingPanel android:orientation="horizontal" android:id="@id/quicksetting_container" android:layout_width="wrap_content" android:layout_height="wrap_content"
- in that line you'll see android:divider="@bla/blablabla" change it to android:divider="#00000000".
(that will remove the divider between the toggles)
then in the same xml, find :
HTML:
<HorizontalScrollView android:id="@id/quicksetting_scroller" android:scrollbars="none" android:layout_width="wrap_content"
edit the android:layout_height= to android:layout_height="90.0dip".
finish, recompile!
this is how it will look like :
​
12. HINT HOW TO EDIT IMAGE WITHOUT GETTING ERROR! :
Click to expand...
Click to collapse
1) ONLY EDIT the .9patch images before recompile the apk!
HOW TO EDIT IT??
- use the Better Draw9Patch to edit .9patch.
- there are many TUT for that..but i will put it in this TUT later.
- ONLY EDIT THE .9patch images in res/ (which folder it belong) before recompile!
2) EDIT NON-.9patch images after you recompile the "HOW TO EDIT IT" above.
- you can edit all of the NON-.9patch images FREELY in build/res/apk/ (which folder it belong).
- the folder you'll get after you recompile the apk.
- BUT DO NOT TOUCH ANY .9patch images in there!
​
13. sample toggles for ALL!! :
Click to expand...
Click to collapse
want other cool toggles???
click this link!!
sample_toggles_1 :
Click to expand...
Click to collapse
sample_toggles_2 :
Click to expand...
Click to collapse
sample_toggles_3 :
Click to expand...
Click to collapse
sample_toggles_4 :
Click to expand...
Click to collapse
sample_toggles_5 :
Click to expand...
Click to collapse
DOWNLOAD LINK:
sample_toggles_1
sample_toggles_2
sample_toggles_3
sample_toggles_4
sample_toggles_5
Click to expand...
Click to collapse
link updated : 12 MAY 2013
and here is the base for all my icons :
just put the icon inside that toggle base
download link :
base_sample_toggle_1
base_sample_toggle_2
want other cool toggles???
click this link!!
just download it and try to mod yourself with my toggles
the toggles is able to use if you use all my dimension that i have modded in the tut. (TUT #11)
dont forget to hit thanks if you using this toggles for your mod. give me credits is good enough.
​
14. HOW TO CHANGE ANY BACKGROUND WITH OWN IMAGE :
Click to expand...
Click to collapse
In this TUT#14, you can change any part with any image by using the .9patch. png.
its easy, you just need to change the color code in the xml for example android:background="#colorcode" to android:background="@drawable/your_image".
And then you need to create an .9.png image then put it into res/drawable-****.
the **** means what is your device dpi.
the size of the image is depend with the part that you want to change, it is your creativity.​
before :
after :
Click to expand...
Click to collapse
15. How To Sign Your Apk After Modding! (IMPORTANT)
Click to expand...
Click to collapse
- recompile the apk, then the apktool will create new folder named "build".
- open the build/apk/ , copy and replace the original META-INF folder and AndroidManifest.xml into it. (for signing)
- recompile again by using command :
Code:
apktool b SystemUI
- your modded file will be in "dist" folder.
Click to expand...
Click to collapse
P.S : ALWAYS REPLACE THE ORIGINAL META-INF FOLDER AND AndroidManifest.xml from the ORIGINAL APK into the MODDED APK AFTER BUILD! or else you got bootloop.​
references :
- http://forum.xda-developers.com/showthread.php?t=2078585 by majdinj.
- http://forum.xda-developers.com/showthread.php?t=1714481 by emompong.
- http://forum.xda-developers.com/showpost.php?t=35294425&postcount=172 by devabhishek.
credits to :
- Koulis2000 because teach me a lot of things especially for the xml and .9patch, thanks dude!
- bobfrantic also share what he knows to me , thanks a lot!
Click to expand...
Click to collapse
let me know if i forgot place your name as credit, im just normal human being :fingers-crossed: and sorry for that.
hit thanks to them, their post really help me a lot
there will be more TUT after this..maybe how to theme framework-res.apk
there must be something more i left, but i will put it later when i remember what it is.
if you got something more to ask, dont be shy to PM me.. i'll be happy to help..
(only if im able to!)​
IF YOU HAVE SOMETHING THAT YOU KNOW FOR HOW TO MODDING SYSTEMUI.APK, AND IT IS NOT INCLUDED IN THIS TUT, PLEASE SHARE IT HERE
SO THAT MAYBE THIS TUT WILL HELP MANY PEOPLE WITH MANY VERSION OF DEVICES, I WISH THIS THREAD WILL BECOME THE PERFECT PLACE FOR PEOPLE WHO WANT TO LEARN ABOUT HOW TO THEME SYSTEMUI.APK ​

Nice thread, can you also add how to hide text in the toggles in the status pull down? Also here is a great little program people can use for determining color codes like #cecece to change colors. windows only though
View attachment color2html.zip

bobfrantic said:
Nice thread, can you also add how to hide text in the toggles in the status pull down? Also here is a great little program people can use for determining color codes like #cecece to change colors. windows only though
View attachment 1826979
Click to expand...
Click to collapse
i put the site i refer already
anyway, thanks..
will update the thing you said for next update..

Re: [TUT][JB] HOW TO THEME SystemUI.apk for newbie!
Nice thread that can really help out all the noobs out there. :thumbup:
Sent from my GT-I9070 using xda premium

can i use apk multi tool to do this as it gives all xml and icon files easily..??
is both same ??
thx for tutorial.

Re: [TUT][JB] HOW TO THEME SystemUI.apk for newbie!
Great tutorial, all well explained. Thanks
Sent from my GT-I9070

ravijani said:
can i use apk multi tool to do this as it gives all xml and icon files easily..??
is both same ??
thx for tutorial.
Click to expand...
Click to collapse
yes..just the same..but for apkmulti tool always set compression level to 0..(option 21).
and dont forget to replace the original META folder and AndroidManifest to the modded apk after recompile..
frzek said:
Great tutorial, all well explained. Thanks
Sent from my GT-I9070
Click to expand...
Click to collapse
hope this thread help a lot of people

Epic tut... but is apktools necessary? I use WinRAR.

R: [TUT][JB] HOW TO THEME SystemUI.apk for newbie!
panda00 said:
Epic tut... but is apktools necessary? I use WinRAR.
Click to expand...
Click to collapse
Yes for modify xml files. With winrar you can change the png only
Inviato dal mio GT-I9070 con Tapatalk 2

KINGbabasula said:
Yes for modify xml files. With winrar you can change the png only
Inviato dal mio GT-I9070 con Tapatalk 2
Click to expand...
Click to collapse
How come? If you use winrar, you can open xml files and edit them...

panda00 said:
How come? If you use winrar, you can open xml files and edit them...
Click to expand...
Click to collapse
you need to decode the xml so it can be read by any xml reader..with winrar you cant read the xml..
thats why you need the apktool to decode the xml..

Re: [TUT][JB] HOW TO THEME SystemUI.apk for newbie!
The finest work. Tnx a lot
Enviado desde mi GT-I9070 usando Tapatalk 2

Одг: [TUT][JB] HOW TO THEME SystemUI.apk for newbie!
Great tut.
Послато са GT-I9070 користећи Тапаток 2

xessus said:
The finest work. Tnx a lot
Enviado desde mi GT-I9070 usando Tapatalk 2
Click to expand...
Click to collapse
shut_down said:
Great tut.
Послато са GT-I9070 користећи Тапаток 2
Click to expand...
Click to collapse
thanks a lot for the compliment, friend

Re: [TUT][JB] HOW TO THEME SystemUI.apk for newbie!
Thanks, after my exams this week I'm definitely going to theme some!
Sent from my GT-I9070 using xda app-developers app

hey guys
why the 'command' to be like this when i recompile the SystemUI?
i just "MAKE 1% BATTERY INCREMENT" , can you tell me where is my mistake? thks before

sandrin0 said:
Thanks, after my exams this week I'm definitely going to theme some!
Sent from my GT-I9070 using xda app-developers app
Click to expand...
Click to collapse
goodluck
droid_bazzline02 said:
hey guys
why the 'command' to be like this when i recompile the SystemUI?
i just "MAKE 1% BATTERY INCREMENT" , can you tell me where is my mistake? thks before
Click to expand...
Click to collapse
that is not the problem..scroll up more, the exact problem will shown at the several lines after you hit the the build command..
my guess is you forgot to put the battery set completely in the hdpi folder..

joehanh88 said:
goodluck
that is not the problem..scroll up more, the exact problem will shown at the several lines after you hit the the build command..
my guess is you forgot to put the battery set completely in the hdpi folder..
Click to expand...
Click to collapse
I've checked it again, then after i try to recompile the SystemUI again, the dist folder was not out.
why guys?

droid_bazzline02 said:
I've checked it again, then after i try to recompile the SystemUI again, the dist folder was not out.
why guys?
Click to expand...
Click to collapse
because you got error while decompile..

[Discontinued] Complete Your KitKat look [Discontinued]

{
"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"
}
We need
Apktool - apktool Guidehttp://forum.xda-developers.com/showpost.php?p=50181967&postcount=57
Download here: http://forum.xda-developers.com/showpost.php?p=50205159&postcount=90
or
GUI program​
Notepad++
Resources for all resolutions (PNGs & .9.PNGs)
View attachment resources_follow_KK_last.zip​
Fixed Text Fields Resources for all res (use if You have visual artifacts with )
View attachment fixed_textfield_resources_all_resolutions.zip
Fixed TAB Resources for mdpi (use if You have visual artifacts with )
View attachment fix_tab_mdpi.rar
Alternative resources for mdpi devices by @Diaz1999
http://forum.xda-developers.com/showpost.php?p=50830840&postcount=379
Thanks rush25 for support and kroz for his great work!
​
Click to expand...
Click to collapse
+ = Add or Replace
- = Remove or to be Replaced
1) Settings.apk
FIRST: ADD THE DRAWABLE-NODPI RESOURCE AND ALL OTHERS RESOURCES, ACCORDING TO YOUR RESOLUTION, INSIDE RESPECTIVE FOLDERS. CHECK ALSO OTHER FOLDERS (e.g. drawable-hdpi, drawable-xhpi TO SEE IF THERE ARE OTHER HOLO RESOURCES TO OVERWRITE!!!
\Settings\smali\com\android\settings\applications\LinearColorBar.smali
Search for (row 67 on Stock ROM)
Code:
.prologue
[B]-[/B] const v0, -0x[COLOR="red"][B]ff6634[/B][/COLOR]
Code:
.prologue
[B]+[/B] const v0, -0x[COLOR="SeaGreen"][B]333334[/B][/COLOR]
\Settings\smali\com\android\settings\applications\ManageApplications.smali
Code:
.line 914
.local v4, tabs:Landroid/support/v4/view/PagerTabStrip;
[B]-[/B] const v5, [COLOR="Red"][B]0x1060012[/B][/COLOR]
Code:
.line 914
.local v4, tabs:Landroid/support/v4/view/PagerTabStrip;
[B]+[/B] const v5, [B][COLOR="SeaGreen"]0x106000b[/COLOR][/B]
\Settings\smali\com\android\settings\applications\AppOpsSummary.smali
Code:
.line 107
.local v2, tabs:Landroid/support/v4/view/PagerTabStrip;
[B]-[/B] const v3, 0x[COLOR="Red"][B]1060012[/B][/COLOR]
Code:
.line 107
.local v2, tabs:Landroid/support/v4/view/PagerTabStrip;
[B]+[/B] const v3, 0x[COLOR="SeaGreen"][B]106000b[/B][/COLOR]
\Settings\res\drawable\data_usage_bar.xml
Code:
<item android:id="@*android:id/secondaryProgress">
<clip>
<shape>
[B]-[/B] <solid android:color="#[COLOR="Red"][B]c050ade5[/B][/COLOR]" />
Code:
<item android:id="@*android:id/secondaryProgress">
<clip>
<shape>
[B]+[/B] <solid android:color="#[COLOR="SeaGreen"][B]c0ffffff[/B][/COLOR]" />
Code:
<item android:id="@*android:id/progress">
<clip>
<shape>
[B]-[/B] <solid android:color="#[COLOR="Red"][B]c050ade5[/B][/COLOR]" />
Code:
<item android:id="@*android:id/progress">
<clip>
<shape>
[B]+[/B] <solid android:color="#[COLOR="SeaGreen"][B]c0ffffff[/B][/COLOR]" />
\Settings\res\layout\data_usage_chart.xml
Code:
[B]-[/B] <com.android.settings.widget.ChartGridView android:layout_gravity="start|bottom|center" android:id="@id/grid" android:layout_width="fill_parent" android:layout_height="fill_parent" settings:labelColor="@*android:color/[COLOR="Red"][B]holo_blue_light[/B][/COLOR]" settings:primaryDrawable="@drawable/data_grid_primary" settings:secondaryDrawable="@drawable/data_grid_secondary" settings:borderDrawable="@drawable/data_grid_border" />
[B]-[/B] <com.android.settings.widget.ChartNetworkSeriesView android:layout_gravity="start|bottom|center" android:id="@id/series" android:layout_width="fill_parent" android:layout_height="fill_parent" settings:strokeColor="@*android:color/[COLOR="Red"][B]holo_blue_light[/B][/COLOR]" settings:fillColor="#c0[COLOR="Red"][B]33b5e5[/B][/COLOR]" settings:fillColorSecondary="#66[COLOR="Red"][B]33b5e5[/B][/COLOR]" />
Code:
[B]+[/B] <com.android.settings.widget.ChartGridView android:layout_gravity="start|bottom|center" android:id="@id/grid" android:layout_width="fill_parent" android:layout_height="fill_parent" settings:labelColor="@*android:color/[COLOR="SeaGreen"][B]white[/B][/COLOR]" settings:primaryDrawable="@drawable/data_grid_primary" settings:secondaryDrawable="@drawable/data_grid_secondary" settings:borderDrawable="@drawable/data_grid_border" />
[B]+[/B] <com.android.settings.widget.ChartNetworkSeriesView android:layout_gravity="start|bottom|center" android:id="@id/series" android:layout_width="fill_parent" android:layout_height="fill_parent" settings:strokeColor="@*android:color/[COLOR="SeaGreen"][B]white[/B][/COLOR]" settings:fillColor="#c0[COLOR="SeaGreen"][B]ffffff[/B][/COLOR]" settings:fillColorSecondary="#66[COLOR="SeaGreen"][B]ffffff[/B][/COLOR]" />
\Settings\res\values\colors.xml
ADD THIS AT THE END OF THE .XML:
Code:
[B]+[/B] [COLOR="SeaGreen"][B]<item type="color" name="tab_indicator">@*android:color/white</item>[/B][/COLOR]
2) framework-res.apk
FIRST: ADD THE DRAWABLE-NODPI RESOURCE AND ALL OTHERS RESOURCES, ACCORDING TO YOUR RESOLUTION, INSIDE RESPECTIVE FOLDERS. CHECK ALSO OTHER FOLDERS (e.g. drawable-hdpi, drawable-xhpi TO SEE IF THERE ARE OTHER HOLO RESOURCES TO OVERWRITE!!!
framework-res\res\layout\alert_dialog_holo.xml
Code:
[B]-[/B] <View android:id="@id/titleDividerTop" android:background="@color/[COLOR="Red"][B]holo_blue_light[/B][/COLOR]" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="2.0dip" />
Code:
[B]+[/B] <View android:id="@id/titleDividerTop" android:background="@color/[COLOR="SeaGreen"][B]default_dialog_divider_holo_light[/B][/COLOR]" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="2.0dip" />
Code:
[B]-[/B] <View android:id="@id/titleDivider" android:background="@color/[COLOR="red"][B]holo_blue_light[/B][/COLOR]" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="2.0dip" />
Code:
[B]+[/B] <View android:id="@id/titleDivider" android:background="@color/[COLOR="SeaGreen"][B]default_dialog_divider_holo_light[/B][/COLOR]" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="2.0dip" />
framework-res\res\layout\immersive_mode_cling.xml
Code:
<TextView android:textSize="16.0sp" android:textColor="#80[COLOR="Red"][B]000000[/B][/COLOR]" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/immersive_mode_confirmation" />
Code:
<TextView android:textSize="16.0sp" android:textColor="#80[COLOR="SeaGreen"][B]ffffff[/B][/COLOR]" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/immersive_mode_confirmation" />
framework-res\res\values\colors.xml
ADD THIS AT THE END OF THE XML:
Code:
[B]+[/B] [COLOR="SeaGreen"][B]<color name="default_dialog_text_holo_dark">@android:color/background_holo_light</color>[/B][/COLOR]
[B]+[/B] [COLOR="SeaGreen"][B]<color name="default_dialog_text_holo_light">@android:color/background_holo_dark</color>[/B][/COLOR]
[B]+[/B] [COLOR="SeaGreen"][B]<color name="default_dialog_divider_holo_dark">@android:color/background_holo_light</color>[/B][/COLOR]
[B]+[/B] [COLOR="SeaGreen"][B]<color name="default_dialog_divider_holo_light">#ffacacac</color>[/B][/COLOR]
Code:
- <color name="holo_blue_light">#ff[COLOR="Red"][B]33b5e5[/B][/COLOR]</color>
Code:
+ <color name="holo_blue_light">#ff[B][COLOR="SeaGreen"]bdbdbd[/COLOR][/B]</color>
Code:
- <color name="highlighted_text_holo_dark">#66[COLOR="Red"][B]33b5e5[/B][/COLOR]</color>
- <color name="highlighted_text_holo_light">#66[B][COLOR="Red"]33b5e5[/COLOR][/B]</color>
Code:
+ <color name="highlighted_text_holo_dark">#66[COLOR="SeaGreen"][B]ffffff[/B][/COLOR]</color>
+ <color name="highlighted_text_holo_light">#66[COLOR="SeaGreen"][B]000000[/B][/COLOR]</color>
framework-res\res\values\styles.xml
Code:
<style name="TextAppearance.Holo.DialogWindowTitle" parent="@style/TextAppearance.Holo">
<item name="textSize">22.0sp</item>
[B]-[/B] <item name="textColor">@color/[COLOR="red"][B]holo_blue_light[/B][/COLOR]</item>
</style>
Code:
<style name="TextAppearance.Holo.DialogWindowTitle" parent="@style/TextAppearance.Holo">
<item name="textSize">22.0sp</item>
[B]+[/B] <item name="textColor">@color/[COLOR="SeaGreen"][B]default_dialog_text_holo_dark[/B][/COLOR]</item>
</style>
Code:
<style name="TextAppearance.Holo.Light.DialogWindowTitle" parent="@style/TextAppearance.Holo.Light">
<item name="textSize">22.0sp</item>
[B]-[/B] <item name="textColor">@color/[COLOR="Red"][B]holo_blue_light[/B][/COLOR]</item>
</style>
Code:
<style name="TextAppearance.Holo.Light.DialogWindowTitle" parent="@style/TextAppearance.Holo.Light">
<item name="textSize">22.0sp</item>
[B]+[/B] <item name="textColor">@color/[COLOR="SeaGreen"][B]default_dialog_text_holo_light[/B][/COLOR]</item>
</style>
Code:
- <style name="Widget.Holo.Light.ProgressBar.Horizontal" parent="@style/Widget[COLOR="Red"][B].Holo[/B][/COLOR].ProgressBar.Horizontal">
<item name="progressDrawable">@drawable/progress_horizontal_holo_light</item>
</style>
Code:
<style name="Widget.Holo.Light.ProgressBar.Horizontal" parent="@style/Widget.ProgressBar.Horizontal">
[B]+[/B] [COLOR="SeaGreen"][B]<item name="maxHeight">16.0dip</item>[/B][/COLOR]
[B]+[/B] [COLOR="SeaGreen"][B]<item name="indeterminateDrawable">@drawable/progress_indeterminate_horizontal_holo_light</item>[/B][/COLOR]
<item name="progressDrawable">@drawable/progress_horizontal_holo_light</item>
[B]+[/B][COLOR="SeaGreen"][B] <item name="minHeight">16.0dip</item>[/B][/COLOR]
</style>
Code:
<style name="Widget.Holo.Light.SeekBar" parent="@style/Widget.Holo.SeekBar">
<item name="indeterminateDrawable">@drawable/scrubber_progress_horizontal_holo_light</item>
<item name="progressDrawable">@drawable/scrubber_progress_horizontal_holo_light</item>
[B]+[/B] [COLOR="SeaGreen"][B] <item name="android:thumb">@android:drawable/scrubber_control_selector_holo_light</item>[/B][/COLOR]
</style>
<! ---Fixes for tab Indicators on light layouts (see screenshots) (thanks @Diaz1999 --- !>
Follow this:
v1 - http://forum.xda-developers.com/showpost.php?p=51444245&postcount=475
Then This:
v2 - http://forum.xda-developers.com/showpost.php?p=52502121&postcount=593
framework-res\res\values\drawables.xml
Code:
[B]-[/B] <item type="drawable" name="notification_template_icon_bg">#[COLOR="Red"][B]3333b5e5[/B][/COLOR]</item>
Code:
[B]+[/B] <item type="drawable" name="notification_template_icon_bg">#[COLOR="SeaGreen"][B]00000000[/B][/COLOR]</item>
framework-res\res\drawable\scrubber_progress_horizontal_holo_light.xml
Code:
<item android:id="@id/secondaryProgress">
[B]-[/B] <scale android:drawable="@drawable/[COLOR="Red"][B]scrubber_secondary_holo[/B][/COLOR]" android:scaleWidth="100%" />
</item>
<item android:id="@id/progress">
[B]-[/B] <scale android:drawable="@drawable/[COLOR="Red"][B]scrubber_primary_holo[/B][/COLOR]" android:scaleWidth="100%" />
Code:
<item android:id="@id/secondaryProgress">
[B]+[/B] <scale android:drawable="@drawable/[COLOR="SeaGreen"][B]scrubber_secondary_holo_light[/B][/COLOR]" android:scaleWidth="100%" />
</item>
<item android:id="@id/progress">
[B]+[/B] <scale android:drawable="@drawable/[COLOR="SeaGreen"][B]scrubber_primary_holo_light[/B][/COLOR]" android:scaleWidth="100%" />
3) SystemUI
SystemUI\res\layout\status_bar_no_recent_apps.xml
Code:
[B]-[/B] <TextView android:textSize="20.0dip" android:textColor="@*android:color/[COLOR="Red"][B]holo_blue_light[/B][/COLOR]" android:gravity="center_horizontal" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/status_bar_no_recent_apps" />
Code:
[B]+[/B] <TextView android:textSize="20.0dip" android:textColor="@*android:color/[COLOR="SeaGreen"][B]white[/B][/COLOR]" android:gravity="center_horizontal" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/status_bar_no_recent_apps" />
4) GoogleDialer
GoogleDialer/res/values/colors.xml
Code:
[B]-[/B] <color name="incall_call_banner_background">#a0[COLOR="Red"][B]000000[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="incall_call_banner_background">#a0[COLOR="SeaGreen"][B]e5e5e5[/B][/COLOR]</color>
Alternative, for Aosp Roms, to Slim Commit:
@fritzhy
http://forum.xda-developers.com/showpost.php?p=51042091&postcount=412
@rush25
http://forum.xda-developers.com/showpost.php?p=51047209&postcount=414
http://forum.xda-developers.com/showpost.php?p=51049946&postcount=418
Code:
[B]-[/B] <color name="dialpad_background">#ff[COLOR="Red"][B]000000[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="dialpad_background">#ff[COLOR="SeaGreen"][B]e5e5e5[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="incall_secondary_info_background">#80[COLOR="Red"][B]33b5e5[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="incall_secondary_info_background">#80[COLOR="SeaGreen"][B]e5e5e5[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="incall_call_banner_text_color">#ff[COLOR="Red"][B]ffffff[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="incall_call_banner_text_color">#ff[COLOR="SeaGreen"][B]404040[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="dtmf_dialer_display_text">#ff[COLOR="Red"][B]ffffff[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="dtmf_dialer_display_text">#ff[COLOR="SeaGreen"][B]404040[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="dialtacts_primary_text_color">#ff[COLOR="Red"][B]000000[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="dialtacts_primary_text_color">#ff[COLOR="SeaGreen"][B]111111[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="dialpad_text_color">#ff[COLOR="Red"][B]ffffff[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="dialpad_text_color">#ff[COLOR="SeaGreen"][B]404040[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="call_log_voicemail_highlight_color">#ff[COLOR="Red"][B]33b5e5[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="call_log_voicemail_highlight_color">#ff[COLOR="SeaGreen"][B]404040[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="background_dialer_list_items">#ff[COLOR="Red"][B]eeeeee[/B][/COLOR]</color>
[B]-[/B] <color name="background_dialpad">#[COLOR="red"][B]f2020709[/B][/COLOR]</color>
[B]-[/B] <color name="dialpad_primary_text_color">#ff[COLOR="red"][B]33b5e5[/B][/COLOR]</color>
<color name="dialpad_secondary_text_color">#ffaaaaaa</color>
[B]-[/B] <color name="actionbar_background_color">#ff[COLOR="Red"][B]ffffff[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="background_dialer_list_items">#ff[COLOR="SeaGreen"][B]f5f5f5[/B][/COLOR]</color>
[B]+[/B] <color name="background_dialpad">#[COLOR="SeaGreen"][B]ffe5e5e5[/B][/COLOR]</color>
[B]+[/B] <color name="dialpad_primary_text_color">#ff[COLOR="SeaGreen"][B]404040[/B][/COLOR]</color>
<color name="dialpad_secondary_text_color">#ffaaaaaa</color>
[B]+[/B] <color name="actionbar_background_color">#ff[COLOR="SeaGreen"][B]e6e6e6[/B][/COLOR]</color>
Code:
[B]-[/B] <color name="secondary_text_color">#ff[COLOR="Red"][B]888888[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="secondary_text_color">#ff[COLOR="SeaGreen"][B]777777[/B][/COLOR]</color>
GoogleDialer/res/values/drawables.xml
Code:
[B]-[/B] <item type="drawable" name="grayBg">#ff[COLOR="Red"][B]333333[/B][/COLOR]</item>
Code:
[B]+[/B] <item type="drawable" name="grayBg">#ff[COLOR="SeaGreen"][B]e5e5e5[/B][/COLOR]</item>
If, during recompilation, You get some errors like this
Solution:
Just open the FOLDER and search for the STRING that gives the error and put formatted="false", like this:
Code:
[B]-[/B] <string name="throttle_time_frame_subtext">"%1$d % des Zyklus sind verstrichen. [U]<!-- line n°193 -->[/U]
Der nächste Zeitraum beginnt in %2$d Tagen (%3$s)."</string> [U]<!-- line n°194 -->[/U]
Code:
[B]+[/B] <string [COLOR="SeaGreen"][B]formatted="false"[/B][/COLOR] name="throttle_time_frame_subtext">"%1$d % des Zyklus sind verstrichen. [U]<!-- line n°193 -->[/U]
Der nächste Zeitraum beginnt in %2$d Tagen (%3$s)."</string> [U]<!-- line n°194 -->[/U]
5) TeleService (Emergency Dialer)
JUST ADD THE RESOURCES PROVIDED YOU WILL HAVE THE SAME COMPILATION ERRORS AS FOR GoogleDialer!
7) DeskClockGoogle
JUST ADD THE RESOURCES PROVIDED
8) Mms
FIRST: ADD THE RESOURCES PROVIDED
Mms\res\values\colors.xml
Code:
[B]-[/B] <color name="banner_item_pressed">#67[COLOR="Red"][B]33b5e5[/B][/COLOR]</color>
Code:
[B]+[/B] <color name="banner_item_pressed">#67[COLOR="SeaGreen"][B]404040[/B][/COLOR]</color>
10) (AOSP)browser
JUST ADD THE RESOURCES PROVIDED
<!--- You want more White (e.g. white settings ui)????? Then follow these guidelines by @donjamal ! ---!>
http://forum.xda-developers.com/nexus-4/themes-apps/guide-theming-stock-android-t2616963
[/CENTER]

Make the Contextual ActionBar background follow the ActionBar background
framework-res.apk/res/values/styles.xml
Code:
<style name="Theme.Holo" parent="@style/Theme">
=˄=
- <item name="actionBarStyle">@style/[COLOR="Red"]Widget.Holo.ActionBar[/COLOR]</item>
+ <item name="actionBarStyle">@style/[COLOR="green"]Widget.Holo.ActionBar.Solid[/COLOR]</item>
=˅=
</style>
Code:
<style name="Theme.Holo.Light.DarkActionBar" parent="@style/Theme.Holo.Light">
=˄=
- <item name="actionModeSplitBackground">@drawable/[COLOR="Red"]cab_background_bottom_holo_dark[/COLOR]</item>
+ <item name="actionModeSplitBackground">@drawable/[COLOR="Green"]cab_background_bottom_holo_inverse[/COLOR]</item>
=˅=
</style>
framework-res.apk/res/values/drawables.xml
Code:
=˄=
+ [COLOR="Green"]<item type="drawable" name="cab_background_top_holo_dark">@drawable/ab_solid_dark_holo</item>[/COLOR]
+ [COLOR="green"]<item type="drawable" name="cab_background_top_holo_light">@drawable/ab_solid_light_holo</item>[/COLOR]
+ [COLOR="green"]<item type="drawable" name="cab_background_bottom_holo_dark">@drawable/ab_bottom_solid_dark_holo</item>[/COLOR]
+ [COLOR="green"]<item type="drawable" name="cab_background_bottom_holo_light">@drawable/ab_bottom_solid_light_holo</item>[/COLOR]
+ [COLOR="green"]<item type="drawable" name="cab_background_bottom_holo_inverse">@drawable/ab_bottom_solid_inverse_holo</item>[/COLOR]
=˅=
framework-res.apk/res/drawable-**dpi/
Code:
=˄=
button_onoff_indicator_on.png
- [COLOR="red"]cab_background_bottom_holo_dark.9.png[/COLOR]
- [COLOR="red"]cab_background_bottom_holo_light.9.png[/COLOR]
- [COLOR="Red"]cab_background_top_holo_dark.9.png[/COLOR]
- [COLOR="red"]cab_background_top_holo_light.9.png[/COLOR]
call_contact.png
=˅=
Alternate style for Switch
Screenshot at post #678
framework-res.apk/res/values/styles.xml
Code:
<style name="TextAppearance.Holo.Widget.Switch" parent="@style/TextAppearance.Holo.Small">
- <item name="textColor">@color/[COLOR="Red"]secondary_text_holo_dark[/COLOR]</item>
+ <item name="textColor">@color/[COLOR="Green"]switch_text_holo_dark[/COLOR]</item>
</style>
Code:
<style name="TextAppearance.Holo.Light.Widget.Switch" parent="@style/TextAppearance.Holo.Small">
- <item name="textColor">@color/[COLOR="Red"]primary_text_holo_dark[/COLOR]</item>
+ <item name="textColor">@color/[COLOR="Green"]switch_text_holo_light[/COLOR]</item>
</style>
And extract the switch_alternate resources below to the correct location

wow bro awesome guide thanks a lot
Sent from my Nexus 4 using XDA Premium 4 mobile app

Credits, Downloads and Screenshots
Once done just flash themed .apk via recovery using this template. Put the recompiled files inside:
Follow_KK_UI.zip\system\priv-app\Settings.apk
Follow_KK_UI.zip\system\priv-app\SystemUI.apk
Follow_KK_UI.zip\system\priv-app\GoogleDialer.apk
Follow_KK_UI.zip\system\priv-app\TeleService.apk
Follow_KK_UI.zip\system\priv-app\Mms.apk
Follow_KK_UI.zip\system\framework\framework-res.apk
Follow_KK_UI.zip\system\app\DeskClockGoogle.apk
View attachment 2572657
HOW TO THEME YOUR KITKAT LIKE A KITKAT!!!!
Credits:
- @ivn888
- @memnoc
- @iBotPeaches
- @kroz
- SlimRoms Team
- @rush25
- @BaNkS
- @snak3ater
- @Rodger_Rulez
http://forum.xda-developers.com/showpost.php?p=50237756&postcount=128
- @fritzhy
- @mrjaydee82 for support
- @Etihad
- AOKP.co Team
- Androguide.fr
- @moneyolo
- @fritzhy
- @engraver65
- @Gingerbread1611
- @logonaniket
- @Diaz1999
- @Koragg618
- @core720
- @Notonlyeyes
- @HaGii
- @rahil3108
- @Navneet Suresh for mirror
- @nemofbaby2010 for the gui apktool hint
- @RK
✪DONATORS✪
- @sirbanger
- a Guest member
CyanogenMod 11 Theme (HDPI , XHDPI & XXHDPI) by @rush25 & @hemantv
Please, thank them:
http://forum.xda-developers.com/showthread.php?t=2685553
http://forum.xda-developers.com/goo...heme-kitkat-ui-0-3-goodbye-holo-blue-t2718202​
Other Nexus Devices
N4 STOCK ROMs DEODEXED
http://forum.xda-developers.com/nexus-4/themes-apps/theme-stock-white-holo-theme-build-1-t2619037
(xhdpi) Separate N4 flashable DIALER by @ivn888 :
https://www.dropbox.com/s/maofxk9br9iygxy/Dialer_N4.zip
! Notes !
1. These mods are flashable via a recovery;
2. These mods are ONLY for KOT49H STOCK ROMs deodexed and Cataclysm ROM;
3. You can flash the MODs for STOCK ROM DEODEXED over all untouched stock Roms, also ODEX, just delete the .odex of Settings, GoogleDialer, Systemui, framework-res and TeleService .apks (Kangakat etc etc);
How to flash deodexed on odexed
4. "Can I flash over AOSPs?" Absolutely not!!!!!;
5. Can I flash an old mod on a newest Aosp Build (PA, CM etc) Roms: NOOOOOO;
6. "What Happens if I ignore Your warnings" Simple: Bootloop!;
7. "Can we use Your files in our ROM ?" Sure but give me mention/credits/link_to_this_thread if You use my guide to theme Your Rom or the files I provided. Please consider also to mention kroz and others for their hard work.;
SCREENSHOTS (Click to Show)

Good job enricocid
Very well written and I'm sure this will come in handy for many people!!

I have applied all the changes to a SGS2 ROM with JB 4.1.2 Touchwiz, and now is like Kit Kat.
Thanks for your work.

Would there be any chance for a tutorial (instructions) to change the settings etc from black to white? White settings etc would finish the design finaly!
Thanks!

tallo03 said:
Would there be any chance for a tutorial (instructions) to change the settings etc from black to white? White settings etc would finish the design finaly!
Thanks!
Click to expand...
Click to collapse
to change the settings background (from grey to white) You can follow this guide
http://forum.xda-developers.com/nexus-4/themes-apps/how-to-change-framework-background-t2464388

tallo03 said:
Would there be any chance for a tutorial (instructions) to change the settings etc from black to white? White settings etc would finish the design finaly!
Thanks!
Click to expand...
Click to collapse
you can also follow this guide
or you can flash my mods from here (white settings) and here (eXperiaNcre Red theme)

@enricocid What are the rom requirements, Android 4.0+?

guide was smooth No confusion what so ever for the first time editing smali!!!

My device is running touchwiz 4.1, but not all has changed like the screentshots above.

Might be because you are not running KitKat?!
Sent via GALAXY NOTE N7000 // KitKat

Aiko0923 said:
@enricocid What are the rom requirements, Android 4.0+?
Click to expand...
Click to collapse
i did this guide to complete the look on KitKat, but you can theme also Jellybean

enricocid said:
i did this guide to complete the look on KitKat, but you can theme also Jellybean
Click to expand...
Click to collapse
I done it on TW 4.1.2 and all is working like the screenshots.
Enviado desde mi GT-I9100 mediante Tapatalk
---------- Post added at 09:24 AM ---------- Previous post was at 08:59 AM ----------
Geddd said:
My device is running touchwiz 4.1, but not all has changed like the screentshots above.
Click to expand...
Click to collapse
First you have to follow this guide:http://forum.xda-developers.com/showthread.php?t=2531813 Then you can apply the changes of the OT.

- ADDED DIALER INSTRUCTIONS
- UPDATED RESOURCES WITH DIALER ONES
- UPDATED FOLLOW KK UI MOD FOR NEXUS 5!!

Added also a cataclysm theme for nexus 5 users in op!

enricocid said:
Added also a cataclysm theme for nexus 5 users in op!
Click to expand...
Click to collapse
Thank you so much
Sent from my Nexus 5 using XDA Premium 4 mobile app

Awesome work!
Sent from my Nexus 5 using Tapatalk

Added a separate package for Dialer

[Guide] How to add Music VisualizerView - Graphic Equalizer to Notification panel

How to add Music VisualizerView - Graphic Equalizer animation style to Notification panel
{
"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"
}
XDA PORTAL : http://www.xda-developers.com/mod-spotlight-graphic-equalizer-for-notification-panel/
Hello good day XDA
This mod is a ported mod from CM11 Tiles, but I guess this mod will work to all device /OS which has Landroid/media/AudioManager.smali and Landroid/media/audiofx/Visualizer.smali
Oke let's start it
REQUIREMENT:
- BRAIN
- Patient
- experience
- Know how to decompile/recompiling Apk
- notepad++
- APKTOOL 2 ++
STEP 1
Decompile SystemUI.apk
Download attached smali and merge to your decompiled SystemUI
STEP 2
go to SystemUI.apk/res/layout/ status_bar_expanded.xml, gemini_status_bar_expanded.xml, tw_status_bar_expanded.xml, status_bar_tracking.xml , depend on your UI
and add the red line
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.phone.NotificationPanelView android:id="@id/notification_panel" android:background="@drawable/notification_panel_bg" android:paddingTop="@dimen/notification_panel_padding_top" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/notification_panel_margin_left"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<View android:id="@id/handle" android:background="@drawable/status_bar_close" android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="@dimen/close_handle_height" />
<include android:layout_gravity="bottom" android:layout_width="fill_parent" android:layout_height="@dimen/carrier_label_height" android:layout_marginBottom="@dimen/close_handle_height" layout="@layout/carrier_label" />
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="@dimen/close_handle_underlap" android:animateLayoutChanges="false">
<include android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_height" layout="@layout/status_bar_expanded_header" />
<ViewStub android:id="@id/ribbon_settings_stub" android:layout="@layout/ribbon_settings" android:layout_width="fill_parent" android:layout_height="@dimen/notification_min_height" />
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Network.EmergencyOnly" android:gravity="center" android:id="@id/emergency_calls_only" android:padding="4.0dip" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="wrap_content" />
<FrameLayout android:layout_width="fill_parent" android:layout_height="wrap_content">
<ViewStub android:id="@id/flip_settings_stub" android:layout="@layout/flip_settings" android:layout_width="fill_parent" android:layout_height="wrap_content" />
<ScrollView android:id="@id/scroll" android:fadingEdge="none" android:layout_width="fill_parent" android:layout_height="wrap_content" android:overScrollMode="ifContentScrolls">
<com.android.systemui.statusbar.policy.NotificationRowLayout android:id="@id/latestItems" android:layout_width="fill_parent" android:layout_height="wrap_content" systemui:rowHeight="@dimen/notification_row_min_height" />
</ScrollView>
</FrameLayout>
</LinearLayout>
[COLOR="Red"]<com.adi.rom.interface.MusicEqualizerVisualizer android:layout_gravity="bottom" android:id="@id/visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="48.0dip" android:layout_marginBottom="36.0dip">
<LinearLayout android:orientation="vertical" android:id="@id/custom_visualizer_view_panel" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.adi.rom.interface.VisualizerView android:id="@id/custom_visualizer_view" android:layout_width="fill_parent" android:layout_height="fill_parent" />
</LinearLayout>
</com.adi.rom.interface.MusicEqualizerVisualizer>[/COLOR]
</com.android.systemui.statusbar.phone.NotificationPanelView>
NEXT
SystemUI.apk/res/values/colors.xml
add the red line to end of it before </resources>
Code:
<color name="pie_selected_color">@android:color/holo_blue_light</color>
<color name="pie_long_pressed_color">#ff8ad5f0</color>
<color name="pie_outline_color">#dd0099cc</color>
[COLOR="Red"]<color name="custom_equalizer_fill_color">#96ffffff</color>[/COLOR]
</resources>
SystemUI.apk/res/values/dimens.xml
add the red line to end of it before </resources>
Code:
<dimen name="pie_navbar_height">85.0dip</dimen>
<dimen name="pie_sysinfo_radius">165.0dip</dimen>
<dimen name="pie_sysinfo_height">85.0sp</dimen>
[COLOR="Red"]<dimen name="custom_eqalizer_path_effect_1">6.0dip</dimen>
<dimen name="custom_eqalizer_path_effect_2">1.0dip</dimen>
<dimen name="custom_eqalizer_path_stroke_width">6.0dip</dimen>[/COLOR]
</resources>
SystemUI.apk/res/values/ids.xml
add the red line to end of it before </resources>
Code:
<item type="id" name="notification_inspect_item">false</item>
<item type="id" name="recent_remove_item">false</item>
<item type="id" name="recent_inspect_item">false</item>
[COLOR="Red"]<item type="id" name="custom_visualizer_view">false</item>
<item type="id" name="visualizer_view_panel">false</item>
<item type="id" name="custom_visualizer_view_panel">false</item>[/COLOR]
</resources>
SystemUI.apk/res/values/integers.xml
add the red line to end of it before </resources>
Code:
<integer name="blinds_pop_duration_ms">10</integer>
<integer name="notification_panel_layout_gravity">0x37</integer>
<integer name="settings_panel_layout_gravity">0x37</integer>
[COLOR="Red"]<integer name="custom_equalizer_divisions">4</integer>
<integer name="custom_equalizer_db_fuzz_factor">2</integer>
<integer name="custom_equalizer_db_fuzz">-10</integer>[/COLOR]
</resources>
Done and compile your SystemUI.apk
STEP 3
Decompile the newly recompiled again
next go to systemui/res/values/public.xml
leave it but keep it open
STEP 4
go to -SystemUI.apk/smali/com/adi/rom/interface/MusicEqualizerVisualizer.smali
search for 0x7f??????
Change the value in the smali with the value you got in your own public.xml
0x7f0900db
Code:
<public type="id" name="custom_visualizer_view" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0e0063
Code:
<public type="dimen" name="custom_eqalizer_path_stroke_width" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0b000e
Code:
<public type="color" name="custom_equalizer_fill_color" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0e0061
Code:
<public type="dimen" name="custom_eqalizer_path_effect_1" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0e0062
Code:
<public type="dimen" name="custom_eqalizer_path_effect_2" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0d0012
Code:
<public type="integer" name="custom_equalizer_divisions" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0d0014
Code:
<public type="integer" name="custom_equalizer_db_fuzz" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0d0013
Code:
<public type="integer" name="custom_equalizer_db_fuzz_factor" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
0x7f0900dd
Code:
<public type="id" name="custom_visualizer_view_panel" id="[COLOR="Red"]0x7f??????[/COLOR]" />
Click to expand...
Click to collapse
STEP 5
AndroidManifest.xml
Add the red line
Code:
<uses-permission android:name="android.permission.READ_DREAM_STATE"/>
<uses-permission android:name="android.permission.WRITE_DREAM_STATE"/>
<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS"/>
<uses-permission android:name="android.permission.READ_SYNC_SETTINGS"/>
<uses-permission android:name="android.permission.WRITE_SYNC_SETTINGS"/>
[COLOR="Red"]<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>[/COLOR]
<application android:allowBackup="false" android:allowClearUserData="false" android:hardwareAccelerated="true" android:icon="@android:drawable/platlogo" android:label="@string/app_label" android:persistent="true">
<service android:exported="true" android:name="SystemUIService"/>
STEP 6
- Compile
- Sign it
- Disable Signature check
You can try using any of the keys that come with whatever apk signing tool you use, but you will more then likely end up with a SystemUI.apk that wont show as being installed, you must sign it with platfrom keys from CyanogenMod's android_build github https://github.com/CyanogenMod/android_build/tree/jellybean/target/product/security
Note !
for CM / AOSP from source whic has
STATIC TILES, you need to uncheck/disable Equalizer tile, otherwise the Visualizer will not appear on Notification panel

Screenshot

New Style !
How to add Selectable 8 style Music Visualizer - to Notification panel
http://forum.xda-developers.com/android/themes/guide-how-to-add-selectable-8-style-t3070550

well done om adi.thank you

Awesome :good:

Another Owesome guide from the master :good:

Thnks om, i'll try soon

thanks
awesome guide
you're the best
work fine in lollipop 5.1
in lockscreen.

working perfectly sir.. Thanks

Sir, can you share this visualizer and weather tiles?)

Please don't quote all OPs
and Request is off , sorry , you are out of the topic
the_vanya1 said:
Sir, can you share this visualizer and weather tiles?)
Click to expand...
Click to collapse

Well done @Adi Aisiteru Reborn :thumbup::thumbup::thumbup:
And don't quote the whole of OP, edit your post please @the_vanya1

Sir @Adi Aisiteru Reborn, how to Add Switch on/off to Setting?

sir just a question.
in the source files why dont you use codes like these to assign the parts to ID's in packages?
this will save time in editing all the 0x7f*** etc codes and will work better
Code:
int layoutID = getResources().getIdentifier("customequalizerview","id", "com.android.systemui");
LinearLayout Layoutey = (LinearLayout)findViewById(layoutID);
in the java source code.
i find this easier as all java mods i nowadays code with those codes as thats easier to port for other people.
its doable for images ids layouts etc almost anything its useable.
Just my 2 cents
nice mod bro

A neat idea! Thanks! I'll have to give it a try..
---------------------------------
Sent from Tapatalk
------------------------------

Works on odexed rom?
EDIT: if doesn't work, can i just deodex systemui.apk and apply changes?

Thank you OP. Great MOD. Great tutorial.
HTC One M8 running Sense 7.0 with Android 5.0.1

Can this be made as an xposed module? i think that would be cool if you can!

SpaceCaker said:
sir just a question.
in the source files why dont you use codes like these to assign the parts to ID's in packages?
this will save time in editing all the 0x7f*** etc codes and will work better
Code:
int layoutID = getResources().getIdentifier("customequalizerview","id", "com.android.systemui");
LinearLayout Layoutey = (LinearLayout)findViewById(layoutID);
in the java source code.
i find this easier as all java mods i nowadays code with those codes as thats easier to port for other people.
its doable for images ids layouts etc almost anything its useable.
Just my 2 cents
nice mod bro
Click to expand...
Click to collapse
Interesting sir spacecaker,
you can write it, and I'll post it as optional guide , thanks

FSadino said:
Works on odexed rom?
EDIT: if doesn't work, can i just deodex systemui.apk and apply changes?
Click to expand...
Click to collapse
you should be able to run just the deodexed SystemUI.apk..
just remember to remove the SystemUI.odex..

[GUIDE][MOD][THEMING] How To Make Settings become Lollipop CM12 Themes Look A Like

Hello XDA, Today I Will share Guide for Any AOSP ROM Settings to become Lollipop CM12 Themes Look a Like!
Hope it will work too in your guys device, i create this guide on JB 4.2.2 Mediatek Mt6589 device.
I'm not responsible for any damage done to your device with this guide
Thanx
Click to expand...
Click to collapse
​
(Part I) Remove App Icon on ActionBar​
{
"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"
}
Prepare
- Know how to Decompile-Recompile
- Settings.apk
Guides
- Decompile Settings.apk
- go to folder \res\values
- open Styles.xml
- add on styles.xml above </resources> add this code
HTML:
<style name="Mole.Theme" parent="@android:style/Theme.Holo">
<item name="android:actionBarStyle">@style/Mole.Holo.Bar</item>
</style>
<style name="Mole.Holo.Bar" parent="@android:style/Widget.Holo.ActionBar">
<item name="android:icon">@drawable/trans_yanu</item>
</style>
<style name="Mole.Bar" parent="@android:style/Widget.ActionBar">
<item name="android:icon">@drawable/trans_yanu</item>
<item name="android:paddingTop">0.0dip</item>
<item name="android:paddingBottom">0.0dip</item>
<item name="android:paddingStart">0.0dip</item>
<item name="android:paddingEnd">0.0dip</item>
</style>
- still in values folder
- make one new files named drawables.xml
- write on drawables.xml this code
HTML:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item type="drawable" name="trans_yanu">#00000000</item>
</resources>
- now open AndroidManifest.xml
- on AndroidManifest.xml search android:theme="@style/Theme.Holo"
- change with android:theme="@style/Mole.Theme"
- so will look like this
HTML:
<application android:hardwareAccelerated="true" ....... android:theme="[B]@style/Mole.Theme[/B]" ........ >
- Recompile and Sign
- Push to \system\app with right permission (rw,r,r)
- reboot
Remove App Icon ActionBar in all Apps (optional)​
Prepare
- know how to Decompile Recompile
- framework-res.apk
Guides
- decompile framework-res.apk
- go to folder \res\values\
- open styles.xml
- find
HTML:
<style name="Widget.Holo.ActionBar" parent="@style/Widget.ActionBar">
and
HTML:
<style name="Widget.ActionBar" parent="@style/Widget">
- add above </style>
HTML:
<item name="icon">@drawable/trans_yanu</item>
- so it will look like this
HTML:
</style>
<style name="Widget.Holo.ActionBar" parent="@style/Widget.ActionBar">
<item name="progressBarStyle">@style/Widget.Holo....
.......
.......
.......
<item name="icon">[B]@drawable/trans_yanu[/B]</item>
</style>
<style name="Widget.Holo.Light" par...
- watch every space and make sure the code sructure still on track
- next open drawables.xml still in values folder
- add above </resources>
HTML:
<item type="drawable" name="trans_yanu">#00000000</item>
- Save - Decompile - Push Reboot
- Done

(Part II) Add Float Effect Background Menu And Child Menu Settings
Add Float Effect Background Menu And Child Menu Settings
Prepare
- Know How to Decompile Recompile
- Finished Part I
- Disable Signature System
- Settings.apk
- framework-res.apk
Guides
- Decompile Settings.apk
- go to folder \res\values\
- open styles.xml
- add this above </resources>
HTML:
<style name="Mole.ListSeparator" parent="@*android:style/Widget.TextView.ListSeparator">
<item name="android:textStyle">bold</item>
<item name="android:textColor">@color/merah_yanu</item>
<item name="android:background">@drawable/duawarna_yanu</item>
<item name="android:paddingTop">25.0dip</item>
<item name="android:paddingBottom">@dimen/yanu_head_padd</item>
<item name="android:textAllCaps">true</item>
<item name="android:paddingStart">@dimen/yanu_head_padd</item>
</style>
- add this code on "Mole.Theme"
HTML:
<item name="android:listSeparatorTextViewStyle">@style/Mole.ListSeparator</item>
- so it will look like this
HTML:
<style name="Mole.Theme" parent="@*android:style/Theme.Holo">
<item name="android:actionBarStyle">@style/Mole.Holo.Bar</item>
<item name="android:listSeparatorTextViewStyle">@style/Mole.ListSeparator</item>
</style>
- still on folder values
- open dimens.xml
- add above </resources>
HTML:
<dimen name="yanu_head_padd">17.0dip</dimen>
- open colors.xml
- add above </resources>
HTML:
<color name="merah_yanu">#fff44336</color>
<color name="gray_yanu">#ff2a2a2a</color>
<color name="lightgray_yanu">#ff191919</color>
<color name="bgmenu_yanu">#502a2a2a</color>
- open folder \res\drawable
- make one xml file and named it duawarna_yanu.xml
- write inside duawarna_yanu.xml with these code
HTML:
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:height="9.0dip">
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#00000000" />
</shape>
</item>
<item android:top="9.0dip">
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/gray_yanu" />
</shape>
</item>
</layer-list>
- save
- Recompile - sign - push
- Reboot
Edit Background list​- still on Settings.apk
- go to folder \res\layout\
- open preference_header_item.xml
- compare these code, looks on android:background and android:layout_margin
- if you guys os JB 4.2.1 maybe can direct paste these code
HTML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:background="[B]@color/lightgray_yanu[/B]" android:paddingRight="?android:scrollbarSize" android:layout_width="fill_parent" android:layout_height="wrap_content" android:minHeight="48.0dip"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:layout_gravity="center" android:id="@id/icon" android:layout_width="@dimen/header_icon_width" android:layout_height="wrap_content" android:layout_margin="[B]@dimen/yanu_head_padd[/B]" />
</LinearLayout>
<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="6.0dip" android:layout_marginRight="6.0dip" android:layout_marginBottom="6.0dip" android:layout_weight="1.0">
<TextView android:textAppearance="?android:textAppearanceMedium" android:ellipsize="marquee" android:id="@*android:id/title" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textAppearance="?android:textAppearanceSmall" android:ellipsize="end" android:id="@*android:id/summary" android:layout_width="wrap_content" android:layout_height="wrap_content" android:maxLines="2" android:layout_below="@*android:id/title" android:layout_alignLeft="@*android:id/title" />
</RelativeLayout>
</LinearLayout>
- save
- open preference_header_switch_item.xml
- compare againt, looks on android:background and android:layout_margin
HTML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:background="[B]@color/lightgray_yanu[/B]" android:paddingRight="?android:scrollbarSize" android:layout_width="fill_parent" android:layout_height="wrap_content" android:minHeight="48.0dip"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:layout_gravity="center" android:id="@id/icon" android:layout_width="@dimen/header_icon_width" android:layout_height="wrap_content" android:layout_margin="[B]@dimen/yanu_head_padd[/B]" />
</LinearLayout>
<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="2.0dip" android:layout_marginTop="6.0dip" android:layout_marginRight="6.0dip" android:layout_marginBottom="6.0dip" android:layout_weight="1.0">
<TextView android:textAppearance="?android:textAppearanceMedium" android:ellipsize="marquee" android:id="@*android:id/title" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textAppearance="?android:textAppearanceSmall" android:ellipsize="end" android:id="@*android:id/summary" android:layout_width="wrap_content" android:layout_height="wrap_content" android:maxLines="2" android:layout_below="@*android:id/title" android:layout_alignLeft="@*android:id/title" />
</RelativeLayout>
<Switch android:layout_gravity="center" android:id="@id/switchWidget" android:padding="8.0dip" android:focusable="false" android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</LinearLayout>
- save, recompile - sign - push
Makes float effect on Child menu Settings
​- still on Settings.apk
- go to folder \res\layout
- open and prepare to edit these files too
preference_icon.xml
preference_memoryusage.xml
preference_radiobutton.xml
preference_settings_checkbox_widget.xml
preference_sim_info.xml
preference_sim_info_checkbox.xml
Click to expand...
Click to collapse
- add this code on each Parent layout (lines #2)
HTML:
android:background="@color/bgmenu_yanu"
- save - recompile -push
- reboot
- next we will edit framework-res.apk too
- decompile framework-res.apk
- go to folder \res\layout
- open and prepare to edit these files too
preference_child.xml
preference_child_holo.xml
preference_header_item.xml
preference_holo.xml
preference_information.xml
preference_information_holo.xml
Click to expand...
Click to collapse
- againt add this code on those parent layout
HTML:
android:background="@color/bgmenu_yanu"
- go to folder \res\values
- open colors.xml
- add above </resources>
HTML:
<color name="bgmenu_yanu">#502a2a2a</color>
- save - recompile - push
- reboot

(Part III) Add dual layer background and edit Side padding
(Part III) Add dual layer background and edit Side padding​
​Prepare
- Know how to decompile recompile apk
- Disabled signature system
- Finished Part I dan Part II
- Settings.apk
- framework-res.apk
Guides
- Decompile Settings.apk
- make sure you have finished tutorial part II
- go to folder res\drawable\
- make 2 new xml files with name duawarna_yanu_cover.xml and duawarna_yanu_cover_anak.xml
- write in duawarna_yanu_cover.xml
HTML:
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:height="9.0dip">
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/teal_yanu" />
</shape>
</item>
<item android:top="133.0dip">
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/dark_yanu" />
</shape>
</item>
</layer-list>
- write in duawarna_yanu_cover_anak.xml
HTML:
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:height="9.0dip">
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@*android:color/teal_yanu" />
</shape>
</item>
<item android:top="73.0dip">
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@*android:color/dark_yanu" />
</shape>
</item>
</layer-list>
- save
- go to folder \res\values\
- open styles.xml and add this script bellow (name="Mole.Theme")
HTML:
<style name="Mole.Theme" parent="@*android:style/Theme.Holo">
....
....
<item name="android:windowBackground">@drawable/duawarna_yanu_cover</item>
</style>
<style name="Mole.Theme.Anak" parent="@*android:style/Theme.Holo">
<item name="android:windowBackground">@drawable/duawarna_yanu_cover_anak</item>
<item name="android:listSeparatorTextViewStyle">@style/Mole.ListSeparator</item>
</style>
- open colors.xml
- add these two color value
HTML:
<color name="dark_yanu">#ff111111</color>
<color name="teal_yanu">#ff00695c</color>
</resources>
- save
- open AndroidManifest.xml
- change these 3 android:theme look like this
HTML:
<application android:theme="[B]@style/Mole.Theme.Anak[/B]" android:label="@string/settings_label" android:icon="@mipmap/ic_launcher_settings" android:taskAffinity="" android:hardwareAccelerated="true" android:uiOptions="splitActionBarWhenNarrow" android:supportsRtl="true">
<activity android:theme="[B]@style/Mole.Theme[/B]" android:label="@string/settings_label_launcher" android:name="Settings" android:taskAffinity="com.android.settings" android:launchMode="singleTask" android:configChanges="mcc|mnc|keyboardHidden|screenSize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<action android:name="android.settings.SETTINGS" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:theme="[B]@style/Mole.Theme.Anak[/B]" android:name=".SubSettings" android:taskAffinity="com.android.settings" android:configChanges="mcc|mnc|keyboardHidden|orientation|screenSize" android:parentActivityName="Settings" />
- save
- recompile - sign
- Settings done
- decompile framework-res.apk
- go to folder \res\values\
- open dimens.xml
- find and change these 2 value with these
HTML:
<dimen name="preference_fragment_padding_side">9.0dip</dimen>
<dimen name="preference_screen_header_padding_side">9.0dip</dimen>
if you dont want any side padding just make 0dp atau 0.0dip
- save - recompile - sign
- push Settings.apk and framework-res.apk to each system folder
- Reboot and done

Thanx
- Kohlewrrk
- giannisgx89
- Gustavo F. Santos
for inspiration
- stackoverflow
- maaadgroup
- CatatanDroid Blog Tips Apps Game Android
- Mediatek Android Art and Dev Reborn Facebook Group

Pertamax om

Any feedback guys?

@zhalx
Thanks for this Awesome

arun.negi004 said:
@zhalx
Thanks for this Awesome
Click to expand...
Click to collapse
you're welcome brother.
did it work on your device?

nice share om yan

zhalx said:
you're welcome brother.
did it work on your device?
Click to expand...
Click to collapse
Following your Guide right Now..

kingdj said:
nice share om yan
Click to expand...
Click to collapse
Thanx for visited om Agil. _/|\_
arun.negi004 said:
Following your Guide right Now..
Click to expand...
Click to collapse
Good Luck then.

Great tutorial om :highfive:

aldiandrew said:
Great tutorial om :highfive:
Click to expand...
Click to collapse
Thanks om :good:

Nice guide sir....will this work on kitkat ?

Saawi_singh said:
Nice guide sir....will this work on kitkat ?
Click to expand...
Click to collapse
yes, it works on kitkat too

ok sir...i was trying this bt it gives error...i'm trying this guide on lollifox...it is already lollpop themed so it have not any icon on action bar so followed 2nd part bt i changed the Mole.Theme code to mine androidmanifest.xml code..is that ok or i doing wrong?

Saawi_singh said:
ok sir...i was trying this bt it gives error...i'm trying this guide on lollifox...it is already lollpop themed so it have not any icon on action bar so followed 2nd part bt i changed the Mole.Theme code to mine androidmanifest.xml code..is that ok or i doing wrong?
Click to expand...
Click to collapse
it's oke sir, you can change any name of it as long as each of that have proper values.

Thanks.the mod works on my device

My setting has tabs this will work on mine too?

My device's default setting text was black now it is unreadable how to fix?
I dont want to change text color but that new black thing turned into white how to fix?