[GUIDE][THEME] Theming 3rd Party Apps - Android Themes

Introduction:
Hey guys,
In this thread I'd like to teach you how to theme third party apps. I show you the basic stuff as Statusbar, Icons and so on.
I will add more app with the time. I don't show you how to decompile apps, how they are build or other stuff. For these things, we have other threads.
Moreover, I won't add pictures because everbody should understand which colors/icons I mean. If you're confused, just ask in this thread.
These apps are just examples, so you should get a overview of theming 3rd pary apps.
General:
Theming 3rd party apps works actually the same way as theming system apps.
Download your apk
Decompile it
Create a folder with the app's package name in assets/overlays
Add your xml, png etc. files into this folder
Apps to theme:
AOSP / Google Keyboard
Blackberry Messenger
Google+
Google Hangouts
Google Inbox
Google Mail
Kernel Adiutor
Screener
Soundcloud
Tapatalk
Twitter
WhatsApp
YouTube
Theming:
AOSP / Google Keyboard
Key text color light:
Code:
<color name="key_text_color_lxx_light">Your_Color</color>
Key text color dark:
Code:
<color name="key_text_color_lxx_dark">Your_Color</color>
Key bg color light:
Code:
<color name="key_background_lxx_light">Your_Color</color>
Key bg color dark:
Code:
<color name="key_background_lxx_dark">Your_Color</color>
Gesture input light:
Code:
<color name="sliding_key_input_preview_color_lxx_light">Your_Color</color>
Gesture input dark:
Code:
<color name="sliding_key_input_preview_color_lxx_dark">Your_Color</color>
Keyboard bg light in drawable-xxhdpi:
Code:
keyboard_background_lxx_light.9.png
Keyboard bg dark in drawable-xxhdpi:
Code:
keyboard_background_lxx_dark.9.png
Word suggestion bg light in drawable-xxhdpi:
Code:
keyboard_suggest_strip_lxx_light.9.png
Word suggestion bg darkin drawable-xxhdpi:
Code:
keyboard_suggest_strip_lxx_dark.9.png
Suggested word text color light:
Code:
<color name="suggested_word_color_lxx_light">Your_Color</color>
Suggested word text color dark:
Code:
<color name="suggested_word_color_lxx_dark">Your_Color</color>
BlackBerry Messenger
Actionbar color:
Code:
<color name="primary">Your_Color</color>
Statusbar and FAB color:
Code:
<color name="primaryColor">Your_Color</color>
Side menu text color:
Code:
<color name="drawer_textColor">Your_Color</color>
Side menu header color:
Code:
<style name="NavDrawerHeader"><item name="android:background">Your Color</item>
<item name="android:textColorPrimary">Your Color</item></style>
Google+
Actionbar color:
Code:
<color name="action_bar_background">Your_Color</color>
Statusbar color:
Code:
<color name="status_bar_background">Your_Color</color>
Compose button bg:
Code:
<color name="quantum_googred500">Your_Color</color>
Bottom bar bg:
Code:
<color name="quantum_grey900">Your_Color</color>
Icons in the header section in drawable-xxhdpi:
Code:
ic_people_outline_white_20.png
quantum_ic_notifications_none_white_24.png
"Compose" icon in drawable-xxhdpi:
Code:
quantum_ic_create_white_24.png
"Comment/Share" icons on posts in drawable-xxhdpi:
Code:
quantum_ic_share_black_24.png
quantum_ic_insert_comment_black_24.png
Google Hangouts
Actionbar color:
Code:
<color name="primary">Your_Color</color>
Statusbar color:
Code:
<color name="primary_dark">Your_Color</color>
Incoming messages bg:
Code:
<color name="incoming_conversation_bubble_background">Your_Color</color>
Incoming messages text color:
Code:
<color name="realtimechat_message_text_incoming">Your_Color</color>
Outgoing messages bg:
Code:
<color name="outgoing_conversation_bubble_background">Your_Color</color>
Outgoing messages text color:
Code:
<color name="realtimechat_message_text_outgoing">Your_Color</color>
Links text color:
Code:
<color name="realtimechat_message_textlink">Your_Color</color>
Google Inbox
Actionbar color:
Code:
<color name="primary_material_dark">Your_Color</color>
<color name="primary_material_light">Your_Color</color>
<color name="primary_dark_material_dark">Your_Color</color>
<color name="primary_dark_material_light">Your_Color</color>
<color name="bt_done_green">Your_Color</color>
<color name="bt_container_blue">Your_Color</color>
<color name="bt_snooze_yellow">Your_Colorr</color>
Statusbar color:
Code:
<color name="bt_status_bar_brick">Your_Color</color>
<color name="bt_status_bar_default">Your_Color</color>
<color name="bt_status_bar_done">Your_Color</color>
<color name="bt_status_bar_inbox">Your_Color</color>
<color name="bt_status_bar_snoozed">Your_Color</color>
<color name="bt_status_bar_white">Your_Color</color>
"Action done" bg color:
Code:
<color name="toastbar-background">Your_Color</color>
"Compose" icon bg color in drawable-xxhdpi:
Code:
bt_fab_red.png
bt_fab_speeddial.png
bt_fab_speeddial_pressed.png
Google Mail
Actionbar color:
Code:
<color name="primary_color">Your_Color</color>
<color name="primary_material_dark">Your_Color</color>
<color name="primary_material_light">Your_Color</color>
Statusbar color:
Code:
<color name="primary_dark_color">Your_Color</color>
<color name="primary_dark_material_dark">Your_Color</color>
<color name="primary_dark_material_light">Your_Color</color>
Refresh circle color:
Code:
<color name="swipe_refresh_color1">Your_Color</color>
<color name="swipe_refresh_color2">Your_Color</color>
<color name="swipe_refresh_color3">Your_Color</color>
<color name="swipe_refresh_color4">Your_Color</color>
Subject title read text color:
Code:
<color name="subject_text_color_read">Your_Color</color>
Subject title unread text color:
Code:
<color name="subject_text_color_unread">Your_Color</color>
Kernel Adiutor
Actionbar color:
Code:
<color name="theme_main_color_primary">Your_Color</color>
Statusbar color:
Code:
<color name="color_primary_dark">Your_Color</color>
Switch bar color:
Code:
<color name="color_primary_light">Your_Color</color>
Screener
Actionbar color:
Code:
<color name="primary">Your_Color</color>
Statusbar color:
Code:
<color name="primarydark">Your_Color</color>
Mockup preview bg color:
Code:
<color name="device_background">Your_Color</color>
Soundcloud
Actionbar color:
Code:
<color name="primary">Your_Color</color>
Statusbar color:
Code:
<color name="primary_dark">Your_Color</color>
Progress wave color (played time):
Code:
<color name="wave_above">Your_Color</color>
<color name="wave_below">Your_Color</color>
Progress wave color (remainig time):
Code:
<color name="wave_progress_below">Your_Color</color>
<color name="wave_progress_end">Your_Color</color>
<color name="wave_progress_start">Your_Color</color>
Icons in sidebar in drawable-xhdpi:
Code:
drawer_explore.png
drawer_explore_active.png
drawer_likes.png
drawer_likes_active.png
drawer_playlists.png
drawer_playlists_active.png
drawer_stream.png
drawer_stream_active.png
Like buttons in drawable-xxhdpi:
Code:
ic_btn_like.png
ic_btn_liked.png
stats_likes_grey.png
stats_likes_orange.png
Tapatalk
Actionbar color:
Code:
<color name="primary_dark_material_light">Your_Color</color>
<color name="primary_material_light">Your_Color</color>
<color name="primary_color">Your_Color</color>
<color name="orange_e064">Your_Color</color>
actionbar_bg.9.png
actionbar_dark.png
actionbar_dark_bg.9.png
actionbar_orange.9.png
Statusbarcolor:
Code:
<color name="primary_dark_material_dark">Your_Color</color>
<color name="primary_material_dark">Your_Color</color>
<color name="primary_color_dark">Your_Color</color>
<color name="orange_b35">Your_Color</color>
"Compose" button in drawable-xxhdpi:
Code:
bubble_edit_dark.png
bubble_rename_dark.png
new_topic.png
Twitter
Actionbar color:
Code:
<color name="twitter_blue">Your_Color</color>
<color name="light_blue">Your_Color</color>
Statusbar color:
Code:
<color name="dark_blue">Your_Color</color>
Text links color:
Code:
<color name="text_link">Your_Color</color>
Icons in header section in drawable-xxhdpi:
Code:
ic_title_highlights_default.png
ic_title_logo_default.png
ic_title_messages_default.png
ic_title_notifications_default.png
ic_title_overflow_default.png
ic_title_recent_logo.png
ic_title_search.png
ic_title_search_default.png
WhatsApp
Actionbar color:
Code:
<color name="primary">Your_Color</color>
Statusbar color:
Code:
<color name="primary_dark">Your_Color</color>
Group admin color:
Code:
<color name="group_admin">Your_Color</color>
"Send" icon bg color:
Code:
<color name="accent">Your_Color</color>
"Read" icons in drawable-xxhdpi:
Code:
message_got_read_receipt_from_target.png
message_got_read_receipt_from_target_onmedia.png
message_got_receipt_from_server.png
message_got_receipt_from_server_onmedia.png
message_got_receipt_from_target.png
message_got_receipt_from_target_onmedia.png
msg_status_client_read.png
msg_status_client_received.png
msg_status_server_receive.png
Icons in the header section in drawable-xxhdpi:
Code:
abc_ic_menu_moreoverflow_mtrl_alpha.png
ic_action_more.png
ic_drawer_24dp.png
ic_menu_moreoverflow.png
ic_menu_moreoverflow_mtrl_alpha.png
ic_more_shadow.png
ic_action_add_person.png
ic_action_call.png
ic_action_new_call.png
ic_action_attach.png
ic_action_compose.png
ic_action_search.png
Chat bubbles bg in drawable-xxhdpi:
Code:
balloon_incoming_normal.9.png
balloon_incoming_normal_ext.9.png
balloon_incoming_pressed.9.png
balloon_incoming_pressed_ext.9.png
balloon_outgoing_ext_pressed.9.png
balloon_outgoing_normal.9.png
balloon_outgoing_normal_ext.9.png
balloon_outgoing_pressed.9.png
Unread message icon in the chat overview in drawable-xxhdpi:
Code:
input_circle_normal.png
input_circle_pressed.png
"Send" icon inside a chat in drawable-xxhdpi:
Code:
input_send.png
Statusbar notification icon in drawable-xxhdpi:
Code:
notifybar.png
YouTube
Actionbar color:
Code:
<color name="color_primary">Your_Color</color>
Statusbar color:
Code:
<color name="theme_main_color_primary_dark">Your_Color</color>
Upload icon bg color:
Code:
<color name="color_primary">Your_Color</color>
Search/More icons color in header color:
Code:
<color name="theme_main_actionbar_controls_color">Your_Color</color>
Icons in header color:
Code:
ic_tab_account.png
ic_tab_home.png
ic_tab_subscriptions.png
Icons in "Account" section color:
Code:
ic_drawer_uploads_normal.png
ic_drawer_uploads_pressed.png
ic_drawer_watch_history_normal.png
ic_drawer_watch_history_pressed.png
ic_drawer_watch_later_normal.png
ic_drawer_watch_later_pressed.png
Credits:
@aldiandrew
Do you want to have any app inside this tutorial or any questions? Just ask for it in this thread. ​

thx sir, useful thread for reference. I will try it all

This is a great idea to include the XML tags for each app. Will be great to see MX Player, WPS Office and all. I've been digging their XMLs for too long.
Keep up the good work. Much appreciated. :fingers-crossed:

Thanks my friends.

@Vinay_FXG
I try to add MX Player.
Are there any other wishes?

Lars124 said:
@Vinay_FXG
I try to add MX Player.
Are there any other wishes?
Click to expand...
Click to collapse
Screener, youtube and kernel adiutor please sir, i think many people use this

Unfortunately I can't add MXPlayer because there's not quite much to theme.
Nevertheless I will add Screener, YouTube and Kernel Adiutor.

Hai, can you help me on this. I'm trying to find the tab text color on WhatsApp, and the 3dot menu and the back menu in action bar..

setiawanjimmy said:
Hai, can you help me on this. I'm trying to find the tab text color on WhatsApp, and the 3dot menu and the back menu in action bar..
Click to expand...
Click to collapse
You can replace the 3dot menu button with an own one png. Look in my guide how to replace it. Just take a black button.
I need to take a look at the font color.
I will write you tomorrow.

Lars124 said:
You can replace the 3dot menu button with an own one png. Look in my guide how to replace it. Just take a black button.
I need to take a look at the font color.
I will write you tomorrow.
Click to expand...
Click to collapse
I thought I had all of those pngs in already. But I'll have a look at it again later.

- Update -
I've added Screener and a new WhatsApp icon.
Further apps coming soon

Awesome guide (Y) @PillzP
What about BBM and Facebook? Is there any theming that can be done to them?

kirito9 said:
Awesome guide (Y) @PillzP
What about BBM and Facebook? Is there any theming that can be done to them?
Click to expand...
Click to collapse
What is BBM? In FB you can't theme quite much.

Lars124 said:
What is BBM? In FB you can't theme quite much.
Click to expand...
Click to collapse
Oh alright. Hope to see more 3rd party apps added to the list .
This is BBM (Blackberry Messenger) for android - https://play.google.com/store/apps/details?id=com.bbm&hl=en

Is there a way to make the background of Twitter app black or dark?

Very helpful thread...!!
Im trying to theme whatsapp..
I wana know if der is a way to make the chat bubbles of a conversation transaparent or a gaussian blur effect(preferably)?
Sent from my GT-I9500 using Tapatalk

Thanks my friends

yespress said:
Is there a way to make the background of Twitter app black or dark?
Click to expand...
Click to collapse
It can be managed by "white" in values > colors.xml

is this for any android or only a few?

hello @Lars124 , thanks again for your help , i will share what i found , only a few because iam still learning :highfive:
for BBM/Blackberry Messenger (com.bbm)
Open res/values/colors.xml
Change statusbar color :
Code:
<color name="primaryBackground">Your Color</color>
Change FAB color and ActionBar color :
Code:
<color name="primaryColor">Your Color</color>
Change Text color on side menu :
Code:
<color name="drawer_textColor">#Your Color</color>
Change header color on side menu :
Open res/valus/styles.xml
Code:
<style name="NavDrawerHeader">
<item name="android:background">Your Color</item>
<item name="android:textColorPrimary">Your Color</item>
</style>

Related

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

I hope this little tutorial from Average Joes will help the many questions about how to change the Notification Dropdown Text Color.
I have been on a mission for a couple of months to figure this beast out. Read many threads, PM'd many others. Alot of info is out there about how to change the text color for notification dropdown for Sense 2.0 and Sense 2.1. But Sense 3.0 made some changes to the structure of the XML's and how the Status Bar was using them. I will write out how I did it, and hopefully it will guide you along to what I think is an awesome change for a ROM or a Theme to make..
Requirements:
1. You must be able to decompile and compile your SystemUI.apk and Framework.apk
2. Understand how to edit XML's.
3. Know how to back up and flash all these changes. I would never suggest making all changes at once to SystemUI. If you make a mistake,your Status bar will fail to show up upon booting the phone..
This is what mine looks like:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
In the first part I will cover changing the text color for Quick Settings Tab..
If you find an error of discover a new way of doing it, please let me know so I can update this tutorial..
1. Quick Settings
2. Status Bar
3. Transparency Notification/Quick Settings
4. Time Location on Notifications
5. Changing Text Color of Notifications in Dropdown
6. Animation in Notification Dropdown!!!!
** Special Thanx to - Stoney66,fernando sor,Bad Seed customs for creating this mod**
7. Using Wallpaper as Background in other Windows
** Special Thanx to - Clever for showing me this mod**
Always, Always Backup!!!!
Quick Settings:
(Part 1) - Changing Text Color of Primary and Secondary Text
Primary Method:
SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml
1. Header Name of Item
Look for:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textColor="@color/list_item_primary_text"
a. Substitute "@color/list_item_primary_text" with “#ffrrggbb” (whatever rgb color you want)
2. Status of Header Item (like on/off i.e secondary text)
Look for:
<TextView android:textSize="@com.htc:dimen/list_secondary_m" android:textColor="@color/list_item_secondary_text"
a. Substitute "@color/list_item_secondary_text" with “#ffrrggbb” (whatever rgb color you want)
Secondary Method: (Coming Soon)
Why the two?
The primary keeps any other text within the system from changing. The secondary method can affect any other ares of the the system that call upon this color in the xml. You decide what is best.
(Part 2) - Quick Settings Label
SystemUI\res\drawable-hdpi\layout\quick_settings.xml
Look for:
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Title" android:gravity="center_vertical"
a. Add android:textColor="#ffrrggbb” (whatever rgb color you want)
Example:
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Title" android:textColor="#fffffd80” android:gravity="center_vertical"
Gets you a Yellow Label:
Status Bar Color - Date/Clock
SystemUI\res\drawable-hdpi\layout\status_bar.xml
Look for:
1. Clock
Look For:
<com.android.systemui.statusbar.Clock
a. Add: android:textColor="#ffXXXXXX" the “X’s” are in RRGGBB
Example:
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ff3366CC"
2. Date
Look for:
<com.android.systemui.statusbar.DateView
a. Add: android:textColor="#ffXXXXXX" the “X’s” are in RRGGBB
Example:
<com.android.systemui.statusbar.DateView android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ff3366CC"
Transparency Background for Notification Dropdown and Quick Settings
SystemUI\res\drawable-hdpi\values\drawables.xml
Look for:
1. Complete Transparency
<item type="drawable" name="list_item_background">#ffffffff</item>
a. Substitute: #ffffffff with #00000000
b. This will give you complete transparency
2. Partial Transparency
<item type="drawable" name="list_item_background">#ffffffff</item>
a. Substitute: #ffffffff with #77000000
b. This will give you less transparency
Results:
Two Lines Text in Notification Dropdown
Coming soon
Colorized Text in Notification Dropdown
SystemUI\res\values\colors.xml
<color name="white">#ffffffff</color> (This changes what the text color is when pressed in notifications)
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
<color name="primary_text_color">#ffffffff</color> (This changes the Notification Text Header)
<color name="secondary_text_color">#ff000000</color> (This changes the Notification text Content)
In each of the above lines marked with a comment, Substitute the >#ffXXXXXX with you RRGGBB values you want your text to be.
Screenshots coming in a few..
** I have this done in my mods for a while, however special thanx to Jon for finding out it only needed this file changed instead of several that I had done before. I knew it should take as many files to change the color. THANK YOU JON!!!
Time on Notifications Location
Framework-res\res\layout\status_bar_latest_event_content.xml
Look for:
<android.widget.DateTimeView
Cut and paste whole line into the second or third <Linearlayout... Right after the corasponding Textview
Placing the DateTimeview in the second <Linearlayout will place the time on the first line of the Notification.
Placing the DateTimeview in the third <Linearlayout will place the time on the second line of the Notification
Animation in Notification Dropdown!!!!Ported by myself!
** Special Thanx to - Stoney66,fernando sor,Bad Seed customs for creating this mod**
Required Attached files at bottom of post
All in SystemUI:
res\drawable\status_bar_background_animation.xml
res\drawable-hdpi\pulldown_anim1.png (1 thru 36)
res\layout\status_bar_tracking.xml
res\values\public.xml
Copy status_bar_background_animation.xml to the SystemUI\res\drawable folder.
Edit to suite, it has 36 png's list, but you can do how many every you want. Ensure you have the same amount of png's in res\hdpi\*.png as you have listed in the status_bar_background_animation.xml
status_bar_background.png - Controls the background, might need to make it more transparent so animation can be seen
Manual:
Edit status_bar_tracking.xml
Look for: (Should be first line)
<com.android.systemui.statusbar.TrackingView androidrientation="vertical" androidaddingLeft="0.0px" androidaddingRight="0.0px" androidaddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
Replace with:
<com.android.systemui.statusbar.TrackingView androidrientation="vertical" android:background="@drawable/status_bar_background_animation" androidaddingLeft="0.0px" androidaddingRight="0.0px" androidaddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
Notice we are adding the adding the status_bar_background_animation
Edit Public.xml
Look for any "APKTOOL_DUMMY_XXXX" id=XXXXXXXX
Change the APKTOOL_DUMMY_XXXX with:
status_bar_background_animation
Results: Edit only one line to define the resource!!!
<public type="drawable" name="status_bar_background_animation" id="0x7f020198" />
(DO NOT USE THIS ID=="0x7f020198") leave which ever ID Number is there from the APKTOOL_DUMMY!!!!!
Required Files for Animated Notification Dropdown!!!!!
This looks exciting I sure hope you know what your doing lol, you taking the first 6 posts!!!!!!
Man, this is epic, this is exactly what I was looking for couldn't have asked for better! Looking forward to the rest!
Wow Dude! After all that typing, I hope you still have the use of your hands. I didn't really have much to say, other than, this is an impressive tutorial, Gun so, I just thought I would drop by and...
c_live_lee said:
Wow Dude! After all that typing, I hope you still have the use of your hands. I didn't really have much to say, other than, this is an impressive tutorial, Gun so, I just thought I would drop by and...
Click to expand...
Click to collapse
Thanx, much more to come. Time I start giving back to all those that want to learn as well, or those that just like something I did.
Gotta be gone out of town for a week at a funeral. This thread is not dead. Just on a break.
1. Color text
2. What png's are where in the status bar.
3. Movement of clock to center
4. Deleting clock off status bar.
That is just to name a few items that will be spelle dout how to do.
I am always looking for more ideas..
Awesome work man! Can you tell me where the text and color for the notification pulldown header is located?
http://db.tt/dUpdaAt
Were it says gingeritis 3d, i wana be able to change the text to my themes name, and i want to change the color of the bar underneath that one, the one that says notifications
Sent from my TBolt using my f***king thumbs...
sonami said:
Awesome work man! Can you tell me where the text and color for the notification pulldown header is located?
http://db.tt/dUpdaAt
Were it says gingeritis 3d, i wana be able to change the text to my themes name, and i want to change the color of the bar underneath that one, the one that says notifications
Sent from my TBolt using my f***king thumbs...
Click to expand...
Click to collapse
I am away from my main computer, but from memory it's in the
SystemUI\res\layout\status_bar_expanded.xml (again from memory.. will add as soon as I get back into town)
Ive been trying to learn how to theme for the longest. Im going to study ur guide and make sure i can do it perfect! Thanks
I'll ask the obvious n00b question ... what app can I use to edit the file via phone or OS X. I've been trying to use the UOT kitchen to change the notification text color. The preview looks good but it always comes out black. I stumbled upon this topic doing a search. I understand where (SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml) and what (FF000000 to FFFFFFFF) needs to be changed, but I'm having trouble getting the right tool(s) to let me open/edit the file. I've attached a screenshot. I'm trying to make the text white. Thats all I need to do. Thanks in adv.
*edit*
should mention I'm currently on BAMF Forever 1.0.2 which is Sense 3. I'm usually on CM7 and the UOT Kitchen works perfect on it.
julesism said:
I'll ask the obvious n00b question ... what app can I use to edit the file via phone or OS X. I've been trying to use the UOT kitchen to change the notification text color. The preview looks good but it always comes out black. I stumbled upon this topic doing a search. I understand where (SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml) and what (FF000000 to FFFFFFFF) needs to be changed, but I'm having trouble getting the right tool(s) to let me open/edit the file. I've attached a screenshot. I'm trying to make the text white. Thats all I need to do. Thanks in adv.
*edit*
should mention I'm currently on BAMF Forever 1.0.2 which is Sense 3. I'm usually on CM7 and the UOT Kitchen works perfect on it.
Click to expand...
Click to collapse
on OS X I use text wrangler for editing xml's.
Gunthermic said:
Colorized Text in Notification Dropdown
SystemUI\res\values\colors.xml
<color name="white">#ffffffff</color> (This changes what the text color is when pressed in notifications)
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
<color name="primary_text_color">#ffffffff</color> (This changes the Notification Text Header)
<color name="secondary_text_color">#ff000000</color> (This changes the Notification text Content)
In each of the above lines marked with a comment, Substitute the >#ffXXXXXX with you RRGGBB values you want your text to be.
Screenshots coming in a few..
** I have this done in my mods for a while, however special thanx to Jon for finding out it only needed this file changed instead of several that I had done before. I knew it should take as many files to change the color. THANK YOU JON!!!
Click to expand...
Click to collapse
I have done this and it does not change the second line of the notification. It also turns the first line back to black if you select it and let go, i.e. selecting Disk Drive or Charge Only. Is there another xml file that I need to edit along with this one to chane the text color of the notifications?
Edit: Nevermind, I figured it out. Thanks for the tutorial.
Devildog8791 said:
I have done this and it does not change the second line of the notification. It also turns the first line back to black if you select it and let go, i.e. selecting Disk Drive or Charge Only. Is there another xml file that I need to edit along with this one to chane the text color of the notifications?
Edit: Nevermind, I figured it out. Thanks for the tutorial.
Click to expand...
Click to collapse
What did you do?
More tutorial to come.
Gunthermic said:
What did you do?
More tutorial to come.
Click to expand...
Click to collapse
To be honest, I found a theme that already had it done and compared the xml files.
Edit: I am having one problem though. It seems that some third party apps like Pandors and Handcent are still black text. Do you know where I need to go to fix this or is this something that you are battling too?

how to mod messaging apk

hi all
i add this code to color.xml to change the color of date but why it dont change the color.
<color name="mms_sent_message_date_seperator_contrast_color">#ff000000</color>
and this code to public.xml
<public type="color" name="mms_sent_message_date_seperator_contrast_color" id="0x7f0b000b" />
But in new Homani Conversations.apk could change date color.

[Q] Changing the thickness of the system sliders stock 4.4.2 rom

I'm trying to change the system png sliders.
After changing the png in the framework-res:
tw_progress_bg_holo_dark.9
tw_progress_bg_holo_light.9
tw_progress_primary_holo_dark.9
tw_progress_primary_holo_light.9
tw_progress_secondary_holo_dark.9
tw_progress_secondary_holo_light.9
I have a strange bug in the display.
The first picture is the correct thickness of the slider.
In the second picture is a thin slider.
How to change the brightness slider to be thick as in the second picture?
Any help.
Very please.
VRilski said:
I'm trying to change the system png sliders.
After changing the png in the framework-res:
tw_progress_bg_holo_dark.9
tw_progress_bg_holo_light.9
tw_progress_primary_holo_dark.9
tw_progress_primary_holo_light.9
tw_progress_secondary_holo_dark.9
tw_progress_secondary_holo_light.9
I have a strange bug in the display.
The first picture is the correct thickness of the slider.
In the second picture is a thin slider.
How to change the brightness slider to be thick as in the second picture?
Click to expand...
Click to collapse
Are you trying to make it thicker than normal as well as changing the color?
*Yes
*The rom 4.1.2 can convert png to bigger and it works.
*The rom 4.4.2 can give even very large png and it does not work.
*I still have a thin line slider.
Ok
Thebear j koss showed me where to look -thanks
In the framework-res / res / values / dimens.xml
The rom 4.1.2 I can change the thick png and it works.
Please take a look at this:
Code:
**** <DIMEN name = "tw_progressbar_horizontal_height_size"> 16.0dip </ DIMEN>
**** <DIMEN name = "tw_seekbar_height_size"> 13.0dip </ DIMEN>
**** <DIMEN name = "tw_flashboard_panel_height"> 40.0dip </ DIMEN>
The rom 4.4.2 I can not get thick png
Code:
**** <DIMEN name = "tw_progressbar_horizontal_height_size"> 16.0dip </ DIMEN>
**** <DIMEN name = "tw_seekbar_height_size"> 13.0dip </ DIMEN>
**** <DIMEN name = "tw_progressbar_large_wh_size"> 72.0dip </ DIMEN>
**** <DIMEN name = "tw_progressbar_medium_wh_size"> 34.0dip </ DIMEN>
**** <DIMEN name = "tw_progressbar_smalltitle_wh_size"> 20.0dip </ DIMEN>
What can I change to have thick slider?
Błąd?
Can anyone help
I tried to change the resolution 9.png.
Now I have a thicker volume slider but the brightness slider still thin
I tried to change seekbar in the framework-res to another but that did not work
** <style name = "Widget.SeekBar" parent = "@ style / Widget">
******** <item name = "focusable"> true </ item>
******** <item name = "maxheight"> 30.0dip </ item>
******** <item name = "indeterminateOnly"> false </ item>
******** <item name = "indeterminateDrawable"> @ drawable / progress_horizontal </ item>
******** <item name = "progressDrawable"> @ drawable / progress_horizontal </ item>
******** <item name = "minheight"> 30.0dip </ item>
******** <item name = "thumb"> @ drawable / seek_thumb </ item>
******** <item name = "thumbOffset"> 8.0dip </ item>

[Q]Using colored drawable in setReplacement

Hi, yes im newbie in programming and Im still learning.
I have a question
Im trying a made a module which will be coloring a icon in app
For example
Code:
XResources.setSystemWideReplacement("android", "drawable", "btn_check_holo_light", new XResources.DrawableLoader() {
@Override
public Drawable newDrawable(XResources res, int id) throws Throwable {
Drawable draw = (Drawable) res.getDrawable(R.drawable.abc_btn_check_material);
return draw;
}
});
abc_btn_check_material :
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/abc_btn_check_to_on_mtrl_015" />
<item android:drawable="@drawable/abc_btn_check_to_on_mtrl_000" />
</selector>
And i want replace a btn_check_holo_light.xml with abc_btn_check_material.xml and color this two .png abc_btn_check_to_on_mtrl_015, abc_btn_check_to_on_mtrl_000 using color picker, Im trying to add a
Code:
draw.setColorFilter(colorint, Mode.MULTIPLY);
(colorin is a color picked from color picker and converted to int)
but this not working, If someone can help me or write a mini-tut how I can do this I'll be very greatfull.
ps. abc_btn_check_to_on_mtrl_015.png and abc_btn_check_to_on_mtrl_000.png are a white images.

[CM12/12.1][THEME][Dark][BIG Update 29/06] Esper ( Formely Xero™ ) [ V 2.1 ]

{
"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"
}
With a fascinating Dark blue tone, Introducing A new CM12/12.1 Theme, Esper​
Esper has been themed so perfectly it changes the look of your phone and give u a cutting edge dark look with a tone of blue.
Please make sure you are on latest version of CM12/12.1 build before installing the app. This theme will only work with CM theme engine.
What's Themed :
* Setings
* Dialer
* Contacts
* Calculator
* Launcher Trebuchet
* SystemUI.
* Lockscreen
* Notifications
* Dialogs
* Fonts
* Alarms
* Notifications
* Ringtone
* CM File Manager
* Aosp Keyboard
* System Wide Navigation Bar
* Wallpapers
* Quick Settings
* Cyanogenmod Music
* Cyanogenmod Theme Manager
* Icons
*Google Apps
*Many More
+ MORE COMING SOON
Install the theme and feel it yourself. Your phone has been reborn. It has been minded already to provide you the best out of your phone. It simply elegant.
It supports upto multiple resolution devices.
Note :
After every update please reboot the phone to make sure it works properly.
It works perfectly on stock CM12/12.1. If you face any element unthemed, its totally of a custom Cm12.1/12 based rom.
Screenshots :
Download :
You can have this theme for free on Xda
http://d-h.st/PHH6 V1
http://d-h.st/IiZo V 1.1
Please, who have bought google play version, update from google play only, otherwise signature will conflict and those who have downloaded from mirror, please Install mirror apk only.
V 2.0 : http://d-h.st/MRrY
V2.0.1 : http://d-h.st/Wqlk
V2.1 Latest Update :
http://d-h.st/5v2E
If You liked the theme you can donate me by buying on Google play :good::laugh:
https://play.google.com/store/apps/details?id=se.balraj.Xero
Changelog :
V1.0 Initial Release [22/05]
V1.1 Fixed Settings/Sounds Icon colors, Fixed Black text In Gmail Notifications [ Still that Archive/Delete button text is the same. Its hard to fix that.].
Please reboot after updating the theme.
V 2.0 Fixed InCall Dialpad Color
New Framework Styles
New Check Buttons
Misc Bug Fixes.
V 2.0.1
Added Support for CM Eleven ( Music )
Fixed Un-Themed Icons in settings
Themed new icons to support various custom roms like blisspop, resurection, etc.
Added New Font.
New Icon For Theme.
V 2.1
BIG UPDATE :
Fixed Sounds Icon in Settings ( For Builds after july 15th It may or may not work)
Added support for Various roms like AOSIP, carbon , vm, temasaek, fibre,prd etc...
Themed Facebook
Themed Whatsapp
Themed Instagram
Re-Themed Hangouts
Themed Google Camera
Themed Google Keyboard
Themed LockClock
Re-Themed MMS ( Now Dark )
Misc Fixes
Reserverd
+ More Colors Coming Up Soon. Please Support my development If you liked it and Rate accordingly on google play and Give Some reviews without hesitation. I would love to Improve the things you want to see in next versions. My themes will be always free on XDA. Please try it. Thanks
Awesome
Enviado desde mi Moto G usando Tapatalk 2
more theming
Hey buddy.......your theme is awsm can u theme signal ,battery? On statusbar it wil look more cool
argo7 said:
Awesome
Enviado desde mi Moto G usando Tapatalk 2
Click to expand...
Click to collapse
Thanks bro You will see more in future :good:
verma.arun833 said:
Hey buddy.......your theme is awsm can u theme signal ,battery? On statusbar it wil look more cool
Click to expand...
Click to collapse
Thanks bro and Yeah sure thanks that you came up with this idea. Will surely do ASAP.:good:
@balrajs99
4 bug reports here, first 3 have to do with gmail notifications.
1. When receiving multiple emails you don't see the name of the sender of the emails in the notification dropdown, see screenshot one.
2. When deleting an email from the dropdown notification, the word "delete" is dark grey on black or something, almost impossible to see, see screenshot two.
3. When receiving 1 email notification in the dropdown, you can't see the title of the email, see screenshot 3.
4. When you go into settings > sound, the icons infront of the sliders are black on dark grey, see screenshot 4.
It seems the first 3 are related, hope you can fix them.
For the rest I haven't seen any other bugs so far.
nerotix said:
@balrajs99
4 bug reports here, first 3 have to do with gmail notifications.
1. When receiving multiple emails you don't see the name of the sender of the emails in the notification dropdown, see screenshot one.
2. When deleting an email from the dropdown notification, the word "delete" is dark grey on black or something, almost impossible to see, see screenshot two.
3. When receiving 1 email notification in the dropdown, you can't see the title of the email, see screenshot 3.
4. When you go into settings > sound, the icons infront of the sliders are black on dark grey, see screenshot 4.
It seems the first 3 are related, hope you can fix them.
For the rest I haven't seen any other bugs so far.
Click to expand...
Click to collapse
Thanks for reporting. I have already fixed that Settings icons bug, but still that gmail bug left. I'm finding a solution, I'll try to fix it ASAP. and the next bugfree version will be out soon .
Update V1.1 :
Fixed Settings/ Sounds Icon Colors.
Fixed Gmail Notification Colors. Please read OP.
Download from OP and please support my work by buying and rating on Google Play. Thanks, have a great day enjoy
balrajs99 said:
Update V1.1 :
Fixed Settings/ Sounds Icon Colors.
Fixed Gmail Notification Colors. Please read OP.
Download from OP and please support my work by buying and rating on Google Play. Thanks, have a great day enjoy
Click to expand...
Click to collapse
Thanks for the update. I read in the OP about the gmail deleted thingy, ask @nicholaschum about it, he knows everything about theming, he's the themegod
nerotix said:
Thanks for the update. I read in the OP about the gmail deleted thingy, ask @nicholaschum about it, he knows everything about theming, he's the themegod
Click to expand...
Click to collapse
Ok. Please if you can, rate on google play about my theme
balrajs99 said:
Ok. Please if you can, rate on google play about my theme
Click to expand...
Click to collapse
Will do
@nicholaschum don't be a stranger and join this thread OP needs some info I think I made a bug report with 4 screenies and he has a hard time figured screenshot 2 out.
nerotix said:
Thanks for the update. I read in the OP about the gmail deleted thingy, ask @nicholaschum about it, he knows everything about theming, he's the themegod
Click to expand...
Click to collapse
nerotix said:
Will do
@nicholaschum don't be a stranger and join this thread OP needs some info I think I made a bug report with 4 screenies and he has a hard time figured screenshot 2 out.
Click to expand...
Click to collapse
Nah, I'm not a theme god, I'm just an avid themer who loves helping other people
balrajs99 said:
Update V1.1 :
Fixed Settings/ Sounds Icon Colors.
Fixed Gmail Notification Colors. Please read OP.
Download from OP and please support my work by buying and rating on Google Play. Thanks, have a great day enjoy
Click to expand...
Click to collapse
What does your gmail v21-styles look like?
This is how mine looks like:
XML:
<style name="NotificationPrimaryText">
<item name="android:textColor">@color/primary_text</item>
</style>
<style name="NotificationSecondaryText">
<item name="android:textColor">@color/secondary_text</item>
</style>
Depending on some roms, this will reflect differently. For example, on some roms notification colors are purple and yellow.
This is my Gmail normal styles:
XML:
<style name="AbstractComposeArea">
<item name="android:background">@android:color/black</item>
<item name="android:layout_gravity">center_horizontal</item>
<item name="android:layout_height">fill_parent</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:animateLayoutChanges">true</item>
</style>
<style name="ComposeTheme" parent="@android:style/Theme.Material" />
<style name="DraftTextAppearance">
<item name="android:textColor">@color/text_color_draft_red</item>
<item name="android:textStyle">bold</item>
</style>
<style name="MailActivityTheme">
<item name="android:windowBackground">@android:color/black</item>
</style>
<style name="Platform.AppCompat.Light" parent="@android:style/Theme.Material">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
<style name="Platform.AppCompat.Light.Dialog" parent="@android:style/Theme.Material.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
You can take that and play around.
IF it still doesn't work, your framework isn't themed completely, and/or your SystemUI overlay.
Do inform back if the above works, I may have other things up my sleeve.
@balrajs99 you forgot 1 icon in the sound settings, see screenshot.
Good theme bro.
Happy to see cm12 themes from you.
Still remember your good themes for s,ion and acro.
Thanks.[emoji106]
Can I use this theme with hk theme manager...pls reply me fast....
You tube - search and menu not visible
nicholaschum said:
Nah, I'm not a theme god, I'm just an avid themer who loves helping other people
What does your gmail v21-styles look like?
This is how mine looks like:
XML:
<style name="NotificationPrimaryText">
<item name="android:textColor">@color/primary_text</item>
</style>
<style name="NotificationSecondaryText">
<item name="android:textColor">@color/secondary_text</item>
</style>
Depending on some roms, this will reflect differently. For example, on some roms notification colors are purple and yellow.
This is my Gmail normal styles:
XML:
<style name="AbstractComposeArea">
<item name="android:background">@android:color/black</item>
<item name="android:layout_gravity">center_horizontal</item>
<item name="android:layout_height">fill_parent</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:animateLayoutChanges">true</item>
</style>
<style name="ComposeTheme" parent="@android:style/Theme.Material" />
<style name="DraftTextAppearance">
<item name="android:textColor">@color/text_color_draft_red</item>
<item name="android:textStyle">bold</item>
</style>
<style name="MailActivityTheme">
<item name="android:windowBackground">@android:color/black</item>
</style>
<style name="Platform.AppCompat.Light" parent="@android:style/Theme.Material">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
<style name="Platform.AppCompat.Light.Dialog" parent="@android:style/Theme.Material.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
You can take that and play around.
IF it still doesn't work, your framework isn't themed completely, and/or your SystemUI overlay.
Do inform back if the above works, I may have other things up my sleeve.
Click to expand...
Click to collapse
It still didnt work
dhruvmu said:
Good theme bro.
Happy to see cm12 themes from you.
Still remember your good themes for s,ion and acro.
Thanks.[emoji106]
Click to expand...
Click to collapse
Thanks and I'll fix that Youtube bug.
Henry Phlims said:
Can I use this theme with hk theme manager...pls reply me fast....
Click to expand...
Click to collapse
I never tried it so couldnt tell it.

Categories

Resources