The Godot Barn
Sign in
Sign in
Home
News & updates
Explore
Articles
Snippets
Shaders
Themes
Submit content
Sign in to submit content
Give or get help
Tutorials
Questions
Conversations
Coming soon!
Set a project-wide custom theme
5
Description
"Themes allow you to have a cohesive, consistent, and standardized experience across all of your UI (using Godot's built-in `Control` nodes). You can create one by creating a new resource and selecting `Theme` from the resource type list.\r\n\r\n\r\n\r\nThen you can go to your **Project Settings** and in the **GUI > Theme** section, specify your Theme in the **Custom** field.\r\n\r\n\r\n\r\nThis essentially binds this theme to your project's root node; and since nodes inherit themes from their parents, this means your entire project will use this theme (unless you specify a custom theme on a specific node or scene).\r\n\r\nWith a custom project-wide theme, you can ensure that your entire project has [an easily readable default font size of at least 28px](https:\/\/gameaccessibilityguidelines.com\/use-an-easily-readable-default-font-size\/), [well-spaced elements](https:\/\/gameaccessibilityguidelines.com\/ensure-interactive-elements-virtual-controls-are-large-and-well-spaced-particularly-on-small-or-touch-screens\/) (by setting default \"separation\" values on BoxContainers and default margins for MarginContainers, for example), and a consistent design, without needing to style things manually on every single node with Theme Overrides, individual Themes per node, or different LabelSettings resources on each Label node.\r\n\r\n"
Comments
Log in to post a comment
Licensed under the CC0 license
See the full license details
Submitted by
Bee
Table of contents
Compatibility
Works in Godot
3.x / 4.x
Generic
Tags
Accessibility
project settings
Theme
UI
Share this article
Share on Bluesky
Share on X / Twitter
or share this direct link:
https://thegodotbarn.com/contributions/article/30/set-a-project-wide-custom-theme
Please wait ...
Okay
Okay
No
Yes
Okay