StatusBarTools Extension [Free & Open Source]


An Extension to change StatusBar Background Color, change Background to Transparent and set icon color on StatusBar to Dark or Light.

This extension won't be updated anymore, that's why I've provided the source code.

Latest Version: 1
Released: 2020-11-02T23:00:00Z
Last Updated: 2020-11-02T23:00:00Z




  • BG Transparent Color
    to change StatusBar Background to Transparent with Color

    hexColor ~ text
  • Icon Dark
    to change Icon Color on StatusBar to Dark
    component_method (3)
  • Icon Light
    to change Icon Color on StatusBar to Light
    component_method (4)









com.SalmanDev.StatusBarTools.aix (7.4 KB)
Source Code : StatusBarTools.txt (5.6 KB)


Thank you to My Best Teacher @MohamedTamer for teaching me so many things. :heart_eyes: :kissing_heart:
Thank you to My Best Friend @vknow360 for helping me. :kissing_heart:
And Also Thanks to @WatermelonIce And @Kumaraswamy for helping me too. :kissing_heart:

And Thanks a lot to MIT :heart:


Great job :+1::+1: Congratulations :partying_face:
Btw, what is the min. API of the extension? Any permissions needed?


Thank you :kissing_heart:

Min API 23 (Marshmallow) or higher

There is no need Permission

1 Like

thank you for your contribution!

in App Inventor usually we use color blocks for colors instead of hex values…
please change that in your logic, so the extension is compatible with the built-in color blocks, thank you

see also this discussion


Trying to push the limits! Snippets, Tutorials and Extensions from Pura Vida Apps by Taifun.


If I remember correctly, Light Status Bar works on api 23+


Thank you very much for the suggestion @Taifun, actually I want to make it as you say, but I don't know why I really like hex color and I think hex color is not too complicated like RGB,
and actually I don't know how to use the App Inventor RGB code in my extension.
So can you give me a simple code that can use RGB App inventor?

Yes you are right, StatusBar Light And Dark Icons are working on API 23+
sorry I forgot about that :sweat_smile:

it doesn't really matter what you prefer personally...
App Inventor already uses the color blocks... this was a design descision some years ago by the App Inventor team... everybody is used to work with the color blocks... and to be compatible with the color blocks therefore is the way to go...

just look at the App Inventor sources... you will find examples how to do the conversion...
and if you have questions, start a new thread in the Open Source Development category
thank you


1 Like

probably this thread can help
see also the links there...

1 Like

Thank you very much for your support @Taifun, next time I will use the MIT AI2 RGB in my newest extension. :kissing_heart:

What are you doing, do not make posts that are not in accordance with this topic, if you want to ask questions or talk you can PM me :face_with_monocle:

please don't be weird

Best work @Salman_Dev. Really great extension :upside_down_face:
I am too late to reply :sweat_smile: :sweat_smile:

1 Like

Thank you very much @Techno_Vedang :star_struck:

It's okay, I'm happy because someone replied :sweat_smile: :kissing_heart:


how can i make padding when using transparent statusbar?

1 Like

I don't understand what do you mean?
do you mean how to set the padding of an object, if that's what you mean, use this extension\

[FREE] Component tools extension - Extensions - Kodular Community


Ok, thanks

1 Like

My Pleasure :wink:

1 Like

Anyone can help me.
I use this extension but the navigation bar is also missing.

Hi @Salman_Dev ,
If you haven't discontinued this extension then please PM me.

1 Like