Global Theme

System Summary

The Global Theme is a Theme resource that can be applied to Control nodes and any nodes that inherit from them. It automatically adds styling to widely-used UI elements. If the Global Theme is applied to a node, it also gets applied to all of that node's children, making it very efficient to group all of the UI nodes in a scene under a single parent Control node. Because of how the Theme system works in Godot, the Global Theme by default only applies to UI elements that have their own, already-defined node type. For individual elements that need to follow a repeated design, a Theme Type can be applied to the Global Theme in the Inspector.

---

Connected Systems

Connecting Systems:

• None

Subsystems:

Theme Types

• Tool Button

---

Related Controls

The Global Theme encompasses all of the UI elements in the game, so its controls are all of the inputs used to interact with the UI.

---

Bugs

• None

---

Feature List / Breakdown of Features

Button Styles:

• Base button node
• Toggle button
• Check box
• Option button
• Menu button
• Color pick button

Pop-Up Styles:

• Base pop-up menu
• Options menu

Input Styles:

• Horizontal slider
• Vertical slider
• Spin box
• Line edit
• Text edit

Misc. Styles:

• Label
• Rich text label
• Tab group
• Horizontal scrollbar
• Vertical scrollbar

---

Future Work / Risks

Future Work:

1. Add Theme Type for warning pop-ups
2. Add Theme Type for dialog menus

Risks:

• None

---

Miscellaneous Notes

• The Global Theme is located in the Resources folder of the project directory
• Themes can be edited in the Theme Editor, which pops up after double clicking any Theme resource
• Use the Inspector to apply Themes and Theme Types
• Themes can be overidden in the Inspector, but it is best practice to avoid this, as it would make future changes more difficult