Custom Dark Mode Title Bars in Tkinter!

[@djKafelka]

This is phenomenal, i'm working on an application that will need a custom title bar, but also i will be making responsive widgets to fill the window when resizing.

[@AM-jw1lo]

Perfect, you have saved me so much time. And you have read my mind about what i wanted for a small app.

[@shahzaibhassan2777]

Amazing, the fact he gave us the code is amazing, i didint have to do anything. Finnaly!

[@Exius-Zero]

Oh shoot, that's what 300+500 does!? Didn't even know that too!

[@pabloconstantino6490]

This has been really helpful, couldn't find how to make my window draggable without snaping the mouse to the top left. Thanks a lot :)

[@tyjohnston5889]

Awesome. Thanks for code and explaining where the window starts! It's literally in one if my programming books but I had forgotten and bugged me lol.

This tutorial hits right in the face those who say that tkinter is a Martian interface and difficult to customize hehe

[@terranovatech8672]

True! Check out my CustomTkinter video!

[@mind_vortex]

Thank you very much for the content, I looked for a long time and it's working perfectly. Note: To solve the problem of not being able to unminimize the program I added alt + tab in the minimize function to remove focus from the window. It's an impromptu but it solves the problem

[@Черно-Светник]

Bro, this is exactly what I've been looking for for so long, thank you so much!

[@danielzheleznov72]

OMG great job. It a literal god at tkinter.

[@gregfumagalli6678]

How to show icon in taskbar?

[@kristinearconado1798]

OMG THANK YOU!

[@Phantom-ki9ct]

Hey, am not getting how to set icon on the title bar on your code. Please help me

[@lidoazul]

Nice bro !!, Great job👏

[@danielzheleznov72]

Hey so this is a suggestion but have you tried obs studio for video recording the text just looks blurry. I didn't have that with obs studio

[@karthikking5372]

On minimising the window the titile bar of window is showing can we hide it when minimising??? It is very helpfull to ne

[@Eclectic_Cowboy]

Very nice. Thank you.

[@benjaminjose7354]

Hi Bro , I really liked it..But when i try to use a Entry widget in the App..it's not working.. Window.bind("",deminimize") is the problem what i noticed.. Please help if u can.

[@benjaminjose7354]

Just got a solution, 1.Removed window.bind("",deminimize) from the main code.This bind caused Entry widgets not to work. 2.Added this code to minimize function ( so to make this FocusIn bind pointing to deminimize function active only when we hit minimize button) 3.created a new fake function , which doesnt do anything. 4.replicated a FocusIn bind which points to this fake function.Put this command towards in the deminimize function.So when the deminimize is clicked , focusIn bind doesn't have a influence as it points to a fake function Below is the code , def minimize_me(): window.attributes("-alpha",0) # so you can't see the window when is minimized window.minimized = True window.bind("",deminimize) def fake_func(event): return None def deminimize(event): window.focus() window.attributes("-alpha",1) # so you can see the window when is not minimized if window.minimized == True: window.minimized = False window.bind("",fake_func)

[@terranovatech8672]

@@benjaminjose7354 Glad you got it fixed, just seeing this now. Hope all is well :)

[@benjaminjose7354]

@@terranovatech8672 All good..

[@perfectionist4188]

@@benjaminjose7354 ah, no mate, when someone will minimize the window, he won't be able to maximize it back, is there a way to fix that?

[@juanignaciomassanella3711]

@@perfectionist4188 i have the same question

[@freddywicaksono8327]

Thank you very much bro..

[@Carlsson25C]

thx nice titel bar

[@pyraforion2584]

when i paste the code my back ground doesnt work anymore and it says image has no attribute open

[@Flqmmable]

ooo i like thatt!

[@notmyregret]

Something interesting I figured out, you don't need to do all of those functions to change the background color when active. For instance: close_button = Button(title_bar, text='X', command=root.destroy, bg=RGRAY, bd=0, activebackground=RED, activeforeground='white', highlightthickness=0) There's properties such as activebackground and activeforeground that allow you to do this.

[@failyfail4808]

Thanks dude. Any idea how to make a dark mode scrollbar?

[@terranovatech8672]

Thats a tricky one! Maybe I'll look into that next!

[@lexc.8280]

Thanks man

[@neeshantbakshi7562]

hey When i increase the root.geometry the title_bar customized one disposition itself to the centre

[@amv1592]

Thank you

[@taranjeetsingh6324]

It's throughing error when I add image to the buttons which I packed in the window😅

[@charlieborchardt2066]

The ascii symbols just look like question marks with diamonds around them. I can't unminimize the window. Entrys and keybinds also don't work.

[@perfectionist4188]

Hey, there's a problem witht his though, the entry boxes and the text widgets doesn't work with this, I dunno why this is happened, posting the issue on github as well

[@OminousHvh]

any solutions to this?

[@aryangovil265]

I am not sure but can you not simply use 'activebackgroundhighlight' in the button's ?

[@terranovatech8672]

Maybe, but I dont like the default color :P

[@VishuTomar36]

when adding a ico file as a icon its disturbing the geometery

[@immbir3982]

thanks

[@sago27]

[@muneebkhan189]

Thanks for this video, It Helped a lot, and with your window appear thing it can be resolved easily. The window will always appear in the center with this code. w = root.winfo_screenwidth() h = root.winfo_screenheight() x = (w / 2) - (450 / 2) y = (h / 2) - (410 / 2) root.geometry(f'{450}x{410}+{int(x)}+{int(y)}') Its working fine on my side. Best of luck for your next video.

[@terranovatech8672]

Very nice Thanks I appreciate it!

[@tianemaestas701]

Is it just me or are entry boxs not working in it??

[@tianemaestas701]

it has something to do with the line: root.bind("",deminimize) becuase when i comment it out it works

[@tianemaestas701]

I fixed the issue. There was something wrong with the deminimize

[@tianemaestas701]

@TrxiBoy a couple of comments up there is the solution. You have to comment out one of the lines

[@taranjeetsingh6804]

@TrxiBoy where do I have to do the 2nd step?😅

[@benjaminjose7354]

Hey all found a solution , worked for me.. Just got a solution, 1.Removed window.bind("",deminimize) from the main code.This bind caused Entry widgets not to work. 2.Added this code to minimize function ( so to make this FocusIn bind pointing to deminimize function active only when we hit minimize button) 3.created a new fake function , which doesnt do anything. 4.replicated a FocusIn bind which points to this fake function.Put this command towards in the deminimize function.So when the deminimize is clicked , focusIn bind doesn't have a influence as it points to a fake function Below is the code , def minimize_me(): window.attributes("-alpha",0) # so you can't see the window when is minimized window.minimized = True window.bind("",deminimize) def fake_func(event): return None def deminimize(event): window.focus() window.attributes("-alpha",1) # so you can see the window when is not minimized if window.minimized == True: window.minimized = False window.bind("",fake_func)