[TEAM XPOSED] [MOD] Transparent notification pulldown

Search This thread

freeza

Recognized Developer
May 28, 2006
5,416
14,188
Pasadena, CA
www.freeza-inc.com
OnePlus 10 Pro
Team Xposed at it again with another mod for all of you. This time it is transparent notification pulldowns. "Sharing is caring."

Step 1: Decompile SystemUI.apk with apktool, apk manager, or baksmali.

Step 2: Navigate to \com\android\systemui\statusbar\StatusBarService.smali

Step 3: Open StatusBarService.smali in Notepad++ or any other qualified text editor.
NOTE: Notepad and Wordpad will not edit the file properly.

Step 4: Search for:
Code:
.local v7, view:Lcom/android/systemui/statusbar/StatusBarView;

Look below at:
Code:
const/4 v1, 0x2

Replace 0x2 with -0x3

Next, search for:
Code:
 .line 1797

Directly below, look for:
Code:
const/4 v5, 0x2

Replace 0x2 with -0x3

Step 5: Save and close the file.

Step 6: Navigate to \res\layout\status_bar_tracking.xml

Step 7: Open status_bar_tracking.xml in qualified text editor.

Step 8: Replace the 2 instances of "list_item_background" with "status_bar_background"

Step 9: Look for:
Code:
<LinearLayout android:orientation="horizontal" android:background="#ff000000"

Replace #ff000000 with #00000000

Step 10: Save and close file.

Step 11: Grab the existing status_bar_background.png from \res\drawable-hdpi\status_bar_background.png

Step 12: Edit it with your photo editor of choice and add your transparency.

Step 13: Save the file, and replace status_bar_background.png in \res\drawable-hdpi\status_bar_background.png with the one you just edited.

Step 14: Recompile SystemUI and flash it to your phone from recovery.

End result:
transparency.jpg


NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:

Code:
<View android:id="@id/tab_header"

This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.

To change text color, look for this line:
Code:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"

Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.
 
Last edited:

theimpaler747

Retired Forum Mod / Retired Recognized Developer
Great tutorial. I have one question, how do you get the Notification text from black to white.

I highlighted the exact text I am referring to in the attachment.

NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:

Code:
<View android:id="@id/tab_header"
This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.

To change text color, look for this line:
Code:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"
[code]

Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.
 

Scott

Retired Recognized Developer
NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:

Code:
<View android:id="@id/tab_header"
This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.

To change text color, look for this line:
Code:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"
[code]

Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.[/QUOTE]


I tried that and its still not white. Could you try it and see if it works?

EDIT: Even took a sys UI that has white text and replaced the entire file and its still not white. Could there be a smali edit or am I just going crazy?
 

freeza

Recognized Developer
May 28, 2006
5,416
14,188
Pasadena, CA
www.freeza-inc.com
OnePlus 10 Pro
I tried that and its still not white. Could you try it and see if it works?

EDIT: Even took a sys UI that has white text and replaced the entire file and its still not white. Could there be a smali edit or am I just going crazy?

Oops.... The text font color is probably located in layout or values folder under ids or public.xml
 
  • Like
Reactions: Scott

fernando sor

Inactive Recognized Themer
Sep 7, 2010
9,744
5,640
12
north of the wall
There are a few changes that need to be made. If you want all transparent background then there are text color edits that need to be made in three or four systemui xmls, download provider.apk and download provider ui .apk. also a text change in framework. This is a good thread. I'll type up something coherent when I get home to add to it.

Sent from my PG86100 using xda premium
 

fernando sor

Inactive Recognized Themer
Sep 7, 2010
9,744
5,640
12
north of the wall
for white text color on transparent background

this is just adding to what freeza has already written
decompile systemui. go to res/values/colors

<color name="white">#ffffffff</color>
<color name="black">#ffffffff</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7fffffff</color>
<color name="primary_text_color">#ffffffff</color>
<color name="secondary_text_color">#ffffffff</color>
this is what you want

then to res/values/drawables

<item type="drawable" name="notification_header_text_color">#ffffffff</item>
<item type="drawable" name="notification_number_text_color">#ffffffff</item>
<item type="drawable" name="list_item_background">#00000000</item>
<item type="drawable" name="list_item_background_gray">#00000000</item>
this is what you want

go to res/colors/bright_text_dark_focused
make sure all colors are ffffffff

go to res/color/list_item_primary_text and change ff888888 to ffffffff

go to res/color/list_item_secondary_text and change ffb8b8b8 to ffffffff

also cant remember if this was covered but status_bar_item_background_normal.9 needs to be made transparent.

go to res/layout/status_bar

where you see this and it appears twice
android:textAppearance="@android:style/TextAppearance.StatusBar.Icon

change to android:textColor="#ffffffff"

where you see this and it appears twice
android:textAppearance="@android:style/TextAppearance.StatusBar.Ticker"
change to android:textColor="#ffffffff"

also any textcolor in the xml in html should be android:textColor="#ffffffff"

go to status_bar_expanded

make sure all android:textColor= is ffffffff we do not need to change the style
android:textAppearance="@style/TextAppearance.StatusBar.Title"

because we have already referenced this in values/drawables

i status_bar_icon there is one text color reference. make sure it is white

in status_bar_tracking as i believe was mentioned change text color values from ff000000 to ffffffff

decompile framework-res

go to res/layout/status_bar_latest_event_content
change all text color from ff000000 to ffffffff

go to res/drawable-hdpi and make status_bar_item_app_background_normal.9 transparent
do the same with
status_bar_item_background_normal.9


decompile DownloadProvider.apk

go to res/layout/status_bar_ongoing_event_progress_bar
change all ff000000 to ffffffff

decompile DownloadProviderUI.apk

go to res/layout/download_list_item

where you see
android:textAppearance="?android:textAppearanceSmall"
make
android:textAppearance="?android:textAppearanceSmall" android:textColor="#ffffffff"
there are five instances of this. you are adding a text color value after the refernced text appearence. make sure your syntax and spacing are right

go to res/layout/list_group_header

where you see
android:textAppearance="?android:textAppearanceMedium"

add at the end as before
android:textAppearance="?android:textAppearanceMedium" android:textColor="#ffffffff"

that is it

Cool thing about this is you can now easily change the color to blue or cyan or red much more easily. You can open the whole res folder by highlighting res and an xml like the manifest. I use notepad ++. Then under search/ replace look for ffffffff and change with whatever color value you want. BAM instant color change!

example with blue text

2011-08-29_21-20-02.jpg
2011-08-27_23-26-31.jpg
 
Last edited:

fernando sor

Inactive Recognized Themer
Sep 7, 2010
9,744
5,640
12
north of the wall
You sir are the BOMB!

This was what I was looking for. I was changing line by line to see what woudl happen but eventually gave up and modded someone else mod... To get it the way I want.

This is getting save in favorites for next time!

Thanks!

thanks ! you can even go further into framework/res/values/styles and com.htc.resources but i found that these changes cover most notifications
 

HackDPlanet

Senior Member
Jul 16, 2011
173
11
Pulled the SystemUI.apk from my phone and when I decompiled with Apktool I receive this.....any ideas what is the problem?
 

Attachments

  • Picture1.jpg
    Picture1.jpg
    62.5 KB · Views: 429

steal25

Inactive Recognized Developer
Did you install the framework to decompile with. You need to use the -t (framework) command. Make a folder in your sdk/tools folder and name it, "framework" I named mine "234" then place framework-res.apk and com.htc.resources.apk in that folder and in Adb type "apktool if (your framework-res) 234 (or what ever you named the folder)" and then type "apktool if (your resources) 234 (folder name)" and then to properly decompile type "apktool d -t 234 (folder name) .APK. Try that.

Sent from my PG86100 using xda premium
 
Last edited:

steal25

Inactive Recognized Developer
thanks ! you can even go further into framework/res/values/styles and com.htc.resources but i found that these changes cover most notifications

To add to your changes, I also had to change text in the voicemail apk. Mostly in res/ layout/in about 5 notificaton .xmlsIll write the exact changes when I get to a computer

Sent from my PG86100 using xda premium
 

HackDPlanet

Senior Member
Jul 16, 2011
173
11
Did you install the framework to decompile with. You need to use the -t (framework) command. Make a folder in your sdk/tools folder and name it, "framework" I named mine "234" then place framework-res.apk and com.htc.resources.apk in that folder and in Adb type "apktool install (your framework-res) if 234 (or what ever you named the folder)" and then type "apktool install (your resources) if 234 (folder name)" and then to properly decompile type "apktool d -t 234 (folder name) .APK. Try that.


I did not install the framework initially. Followed your directions but received errors once I tried compiling the apk. I think maybe I used the wrong adb command to install framework even though it said successfully installed. Could you provide me with additional detail, step by step.
 

fernando sor

Inactive Recognized Themer
Sep 7, 2010
9,744
5,640
12
north of the wall
Did you install the framework to decompile with. You need to use the -t (framework) command. Make a folder in your sdk/tools folder and name it, "framework" I named mine "234" then place framework-res.apk and com.htc.resources.apk in that folder and in Adb type "apktool install (your framework-res) if 234 (or what ever you named the folder)" and then type "apktool install (your resources) if 234 (folder name)" and then to properly decompile type "apktool d -t 234 (folder name) .APK. Try that.


I did not install the framework initially. Followed your directions but received errors once I tried compiling the apk. I think maybe I used the wrong adb command to install framework even though it said successfully installed. Could you provide me with additional detail, step by step.

in your apk folder place the framework-res.apk and your com.htc.resources.

in command window navigate to your apktool folder and type <apktool if framework-res.apk> hit enter

then type <apktool if com.htc.resources.apk> hit enter.
that simple
 

HackDPlanet

Senior Member
Jul 16, 2011
173
11

Top Liked Posts

  • There are no posts matching your filters.
  • 22
    Team Xposed at it again with another mod for all of you. This time it is transparent notification pulldowns. "Sharing is caring."

    Step 1: Decompile SystemUI.apk with apktool, apk manager, or baksmali.

    Step 2: Navigate to \com\android\systemui\statusbar\StatusBarService.smali

    Step 3: Open StatusBarService.smali in Notepad++ or any other qualified text editor.
    NOTE: Notepad and Wordpad will not edit the file properly.

    Step 4: Search for:
    Code:
    .local v7, view:Lcom/android/systemui/statusbar/StatusBarView;

    Look below at:
    Code:
    const/4 v1, 0x2

    Replace 0x2 with -0x3

    Next, search for:
    Code:
     .line 1797

    Directly below, look for:
    Code:
    const/4 v5, 0x2

    Replace 0x2 with -0x3

    Step 5: Save and close the file.

    Step 6: Navigate to \res\layout\status_bar_tracking.xml

    Step 7: Open status_bar_tracking.xml in qualified text editor.

    Step 8: Replace the 2 instances of "list_item_background" with "status_bar_background"

    Step 9: Look for:
    Code:
    <LinearLayout android:orientation="horizontal" android:background="#ff000000"

    Replace #ff000000 with #00000000

    Step 10: Save and close file.

    Step 11: Grab the existing status_bar_background.png from \res\drawable-hdpi\status_bar_background.png

    Step 12: Edit it with your photo editor of choice and add your transparency.

    Step 13: Save the file, and replace status_bar_background.png in \res\drawable-hdpi\status_bar_background.png with the one you just edited.

    Step 14: Recompile SystemUI and flash it to your phone from recovery.

    End result:
    transparency.jpg


    NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:

    Code:
    <View android:id="@id/tab_header"

    This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.

    To change text color, look for this line:
    Code:
    <TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"

    Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.
    19
    for white text color on transparent background

    this is just adding to what freeza has already written
    decompile systemui. go to res/values/colors

    <color name="white">#ffffffff</color>
    <color name="black">#ffffffff</color>
    <color name="half_white">#7fffffff</color>
    <color name="half_black">#7fffffff</color>
    <color name="primary_text_color">#ffffffff</color>
    <color name="secondary_text_color">#ffffffff</color>
    this is what you want

    then to res/values/drawables

    <item type="drawable" name="notification_header_text_color">#ffffffff</item>
    <item type="drawable" name="notification_number_text_color">#ffffffff</item>
    <item type="drawable" name="list_item_background">#00000000</item>
    <item type="drawable" name="list_item_background_gray">#00000000</item>
    this is what you want

    go to res/colors/bright_text_dark_focused
    make sure all colors are ffffffff

    go to res/color/list_item_primary_text and change ff888888 to ffffffff

    go to res/color/list_item_secondary_text and change ffb8b8b8 to ffffffff

    also cant remember if this was covered but status_bar_item_background_normal.9 needs to be made transparent.

    go to res/layout/status_bar

    where you see this and it appears twice
    android:textAppearance="@android:style/TextAppearance.StatusBar.Icon

    change to android:textColor="#ffffffff"

    where you see this and it appears twice
    android:textAppearance="@android:style/TextAppearance.StatusBar.Ticker"
    change to android:textColor="#ffffffff"

    also any textcolor in the xml in html should be android:textColor="#ffffffff"

    go to status_bar_expanded

    make sure all android:textColor= is ffffffff we do not need to change the style
    android:textAppearance="@style/TextAppearance.StatusBar.Title"

    because we have already referenced this in values/drawables

    i status_bar_icon there is one text color reference. make sure it is white

    in status_bar_tracking as i believe was mentioned change text color values from ff000000 to ffffffff

    decompile framework-res

    go to res/layout/status_bar_latest_event_content
    change all text color from ff000000 to ffffffff

    go to res/drawable-hdpi and make status_bar_item_app_background_normal.9 transparent
    do the same with
    status_bar_item_background_normal.9


    decompile DownloadProvider.apk

    go to res/layout/status_bar_ongoing_event_progress_bar
    change all ff000000 to ffffffff

    decompile DownloadProviderUI.apk

    go to res/layout/download_list_item

    where you see
    android:textAppearance="?android:textAppearanceSmall"
    make
    android:textAppearance="?android:textAppearanceSmall" android:textColor="#ffffffff"
    there are five instances of this. you are adding a text color value after the refernced text appearence. make sure your syntax and spacing are right

    go to res/layout/list_group_header

    where you see
    android:textAppearance="?android:textAppearanceMedium"

    add at the end as before
    android:textAppearance="?android:textAppearanceMedium" android:textColor="#ffffffff"

    that is it

    Cool thing about this is you can now easily change the color to blue or cyan or red much more easily. You can open the whole res folder by highlighting res and an xml like the manifest. I use notepad ++. Then under search/ replace look for ffffffff and change with whatever color value you want. BAM instant color change!

    example with blue text

    2011-08-29_21-20-02.jpg
    2011-08-27_23-26-31.jpg
    6
    Great tutorial. I have one question, how do you get the Notification text from black to white.

    I highlighted the exact text I am referring to in the attachment.

    NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:

    Code:
    <View android:id="@id/tab_header"
    This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.

    To change text color, look for this line:
    Code:
    <TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"
    [code]
    
    Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.
    3
    There are a few changes that need to be made. If you want all transparent background then there are text color edits that need to be made in three or four systemui xmls, download provider.apk and download provider ui .apk. also a text change in framework. This is a good thread. I'll type up something coherent when I get home to add to it.

    Sent from my PG86100 using xda premium
    2
    You sir are the BOMB!

    This was what I was looking for. I was changing line by line to see what woudl happen but eventually gave up and modded someone else mod... To get it the way I want.

    This is getting save in favorites for next time!

    Thanks!

    thanks ! you can even go further into framework/res/values/styles and com.htc.resources but i found that these changes cover most notifications