Basic Theme Setup Guide ~ Godot 4 Tutorial for Beginners

Learn how to create a theme, set custom fonts and background colors, and how theming hierarchy works. We also touch on theme overrides for one time control settings in this Godot 4 tutorial.

➣ Downloadable Assets, Video Courses, and Other Places to Follow Me

00:00 - What to Expect
00:15 - Creating a Simple UI Hierarchy
01:02 - Creating a Theme
02:27 - Customizing Theme Properties
04:56 - Changing Font in Godot
08:38 - Theme Setting Order Hierarchy
10:41 - Wrapup

[lizzyg]

My friend, I am a visual learner and as you may know, finding tutorials on coding specifically about what you need is not easy. Chat GPT and Gemini can only do so much and this video has truly saved me a lot of time during my game building journey. Thank you so much! This video was perfect!

[joaomarcoscorreia]

Thanks... Finally I could understand how customize my optionButton.

[hellblazer]

another great content. i hope you can make a video about a mini map like from metroidvania games. thanks

[dzmitrypadrig]

Great content! I don't know if you plan to continue uploading videos about UI, but if you do, I have a hard time using anchors. For example, in this tutorial at 7:20, you use one for the header label and set it to Center Top. So far so good, but what if I want to set up a margin inside the panel? What I mean is a situation where Center Top is OK, but I need a space between the top edge of the panel and the top edge of the label. How would you go about it?

[ItsMeChillTyme]

Thanks mate, this theme section was confusing as hell

[OpponentGoesFirst]

How do you create NEW styles for the SAME types of nodes? I would like to have a label that's a big full screen prompt and a label that's something smaller, etc.

[aheahetaroman]

is it possible to change the syntax theme by this way?
In godot4, ui theme and syntax theme do not work together.