FORUMS
Remove All Ads from XDA

[Guide][5.0] How to theme TW SystemUI

5,852 posts
Thanks Meter: 10,711
 
By AL_IRAQI, Recognized Contributor / Themer on 27th March 2015, 08:10 PM
Post Reply Email Thread

Introduction:
Hi
im not a themer but when Samsung Released 5.0 for Galaxy S4 i started to learn some theming stuff so im simply sharing the things that i learned with you guys

Examples for the things that you can do with SystemUI




1. Notification Panel Header
Change Background Color

Code:
 <color name="notification_header_bg_tw">
Clock & Date Color



Code:
 <color name="status_bar_date_clock_color">
Expand & Edit icon



you have to change these icons colors
ic_notify_open_normal
ic_notify_edit_normal
ic_notify_settings_normal
ic_notify_quicksettings_normal

you will find it in drawable-xxhdpi or drawable-xxxhdpi

then in Colors.xml change this color
Code:
 <color name="status_bar_header_text_icon_tint_color">
to same color that you used in icons

2. Quick Toggles



for every toggles theres 3 icons
_dim this appears between on & off
_on toggle on/active color
_off toggle off color

you have to edit all of them to any color you want
use Photoshop actions or any other multi coloring method

Change Toggles Background



edit tw_quick_panel_quick_setting_button_round_bg_norma l or use any image with same size
you will find them in drawable-xxhdpi or drawable-xxxhdpi



Change Toggles Text Color




Code:
<color name="qs_text">
    <color name="qs_tile_text">
3. Brightness Slider




change slider background


Code:
    <color name="tw_progress_color_control_normal">
change slider color


Code:
    	<color name="tw_progress_color_control_disabled">
change slider color when Auto Brightness Enabled


Code:
    	<color name="tw_progress_color_control_activated">
change slider icon when Auto Brightness Enabled


Code:
    		<color name="tw_progress_color_control_activated_auto_on_tint">
change Auto Brightness text color



Code:
    <color name="toggle_slider_text_color">
change auto Brightness check box color and Brightness icon



Code:
    		    <color name="tw_check_box_tint"> 
    <color name="animated_brightness_icon_color">
4. S-Finder & Quick Connect



Change Background Color
Code:
 <color name="tw_quick_connect_layout_bg">
Change icons color
edit
tw_quick_panel_quick_sfinder_button_image
tw_quick_panel_quick_qconnect_button_image

you will find them in drawable-xxhdpi or drawable-xxxhdpi

if you want to remove it in dimens.xml change
Code:
     <dimen name="finder_connect_layout_height">
to 0.0dip

5. Notifications



Change Notification Background
Code:
    <color name="notification_legacy_background_color">
    <color name="notification_material_background_color">
if you used Dark Color Like Black you have to change Notifications text color its in Framework-res/values/styles.xml
find
Code:
 <style name="TextAppearance.Material.Notification" parent="@style/TextAppearance.Material">
<style name="TextAppearance.Material.Notification.Title" parent="@style/TextAppearance.Material.Notification">
<style name="TextAppearance.Material.Notification.Emphasis" parent="@style/TextAppearance.Material.Notification">
and change
Code:
 <item name="textColor">
to lighter color

if you want to change circle color behind notification icons in Framework-res/values/colors.xml change
change
Code:
 <color name="notification_icon_bg_color">
ScreenShot Options Background

in framework-res/res/layout/notification_template_material_big_picture.xml
change android:background

Change Options Text in Framework-res/values/colors.xml change

Code:
 <color name="tw_notification_action_button_text_color">

Change Options icons in Framework-res/values/colors.xml change
Code:
 <color name="tw_notification_action_button_background_color">
6.Notifications Info
this appears when you long press on any notification



in SystemUI Colors
Change Background color
Code:
    <color name="notification_guts_bg_color">@color/system_secondary_color</color>
Change "@color/system_secondary_color" to any color you want

Change Text colors
Code:
    <color name="notification_guts_title_color">
    <color name="notification_guts_text_color">
Change icon colors
Code:
    <color name="notification_guts_btn_color">
7.Clear Notifications Text



in SystemUI
Change text shadow
notification_category_text_shadow_color in colors.xml

change text color
clear_all_button_state.xml in /drawable

7.Statusbar



Change Clock Color

Code:
  <color name="status_bar_clock_color">
Change icons colors
in drawable-xxhdpi or drawable-xxxhdpi statusbar icons start with
Code:
 stat_sys
Change Battery Percentage Text
Code:
   <color name="battery_text_color">
Change Recent Apps Background


Code:
   <color name="recents_panel_background_color">

Thats it for now. Enjoy

Thanks to:

@lacoursiere18
@Bubbajoe40356
@Vivek_Neel
@steha
@Breakcore_Rush
The Following 160 Users Say Thank You to AL_IRAQI For This Useful Post: [ View ] Gift AL_IRAQI Ad-Free
 
 
27th March 2015, 08:13 PM |#2  
Senior Member
Flag Wolverhampton
Thanks Meter: 718
 
Donate to Me
More
Nice thread my friend something for everyone.
The Following 4 Users Say Thank You to steha For This Useful Post: [ View ] Gift steha Ad-Free
27th March 2015, 08:16 PM |#3  
AL_IRAQI's Avatar
OP Recognized Contributor / Themer
Flag Baghdad
Thanks Meter: 10,711
 
More
Useful Posts:

Brightness Slider background here

Gallery Theming

Guide how to make aosp regulator brightness in notification panel

Headphone Notification Background

Keyboard Theming 1, 2, 3

Notification Header background here

Note 4 5.1.1 Notification Title text

Pop up Outlines

Resolver Theming 1 ,2, 3, 4, 5

Statusbar icons transparency

Toast notification background here

Theming Settings

Volume Panel Here





Quote:
Originally Posted by steha

Nice thread my friend something for everyone.

Thanks buddy

youre super fast i didnt even reserved more posts


============
The Following 22 Users Say Thank You to AL_IRAQI For This Useful Post: [ View ] Gift AL_IRAQI Ad-Free
27th March 2015, 08:18 PM |#4  
Bubba's Avatar
Senior Member
Flag Hell ( I've taken over and am accepting reservations )
Thanks Meter: 7,788
 
Donate to Me
More
NIce work. Your guide looks great.
The Following 3 Users Say Thank You to Bubba For This Useful Post: [ View ] Gift Bubba Ad-Free
27th March 2015, 08:18 PM |#5  
roy72's Avatar
Senior Member
Thanks Meter: 1,604
 
More
Thanks Bro
The Following 3 Users Say Thank You to roy72 For This Useful Post: [ View ] Gift roy72 Ad-Free
27th March 2015, 08:19 PM |#6  
sanoc69's Avatar
Senior Member
Flag Lisboa
Thanks Meter: 4,615
 
Donate to Me
More
Great work my friend congratz
The Following 3 Users Say Thank You to sanoc69 For This Useful Post: [ View ] Gift sanoc69 Ad-Free
27th March 2015, 08:29 PM |#7  
k525ab's Avatar
Member
Flag Moscow
Thanks Meter: 17
 
More
respect
The Following 2 Users Say Thank You to k525ab For This Useful Post: [ View ] Gift k525ab Ad-Free
27th March 2015, 08:35 PM |#8  
Senior Member
Thanks Meter: 382
 
Donate to Me
More
Wow its such understandable You're awesome.
The Following 3 Users Say Thank You to silentattack For This Useful Post: [ View ] Gift silentattack Ad-Free
27th March 2015, 09:06 PM |#9  
Albe95's Avatar
Recognized Contributor
Flag Verona (Italy)
Thanks Meter: 18,828
 
Donate to Me
More
Awesome thread well done mate
The Following 2 Users Say Thank You to Albe95 For This Useful Post: [ View ] Gift Albe95 Ad-Free
27th March 2015, 09:33 PM |#10  
YukiChan456's Avatar
Senior Member
Thanks Meter: 642
 
More
Thumbs up
Really awesome guide. Thx!
The Following 3 Users Say Thank You to YukiChan456 For This Useful Post: [ View ] Gift YukiChan456 Ad-Free
27th March 2015, 10:22 PM |#11  
HITMAN-CREED's Avatar
Senior Member
Flag ● Urmia ●
Thanks Meter: 3,263
 
More
Quote:
Originally Posted by AL_IRAQI

Thanks buddy

youre super fast i didnt even reserved more posts

Amazing Thread Sir,
Thank for all of your works.
Just a question.
No way to make statusbar transparent, in these xmls?
The Following User Says Thank You to HITMAN-CREED For This Useful Post: [ View ] Gift HITMAN-CREED Ad-Free
Post Reply Subscribe to Thread

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes