How to create a GUI theme?

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By Zylann
:warning: Old Version Published before Godot 3 was released.

I am trying to create a GUI theme so I can have most of GUI skin inside a common file, however I cannot find any way of doing it from the editor.
I read the documentation, but from http://docs.godotengine.org/en/latest/tutorials/2d/gui_skinning.html#creating-a-theme I’m getting lost, the screenshot is wrong and outdated.

When I create a theme, the only property I can edit is the default font.
Clicking on preview controls has no effect. The .tres file also only contains the font setting… how are we supposed to create a custom theme in the editor?

:bust_in_silhouette: Reply From: Calinou

The interface for the theme editor is not really good right now, even though it is fully possible to create themes using the editor.

When you select your theme in the inspector, you should see a preview window. At the top of that preview window, you can see a Theme button that, when clicked, makes a dropdown menu appear. In it, choose Add Class Items then choose a type (like Button). Then choose Add, and you will be able to edit button properties in the inspector.

Awww I overlooked this button, thinking it was a theme example label :open_mouth:
Thank you!

Zylann | 2016-06-19 21:59

This doesn’t look like a button, it looks like a label, until you hover it. Bad design. Anyways, thanks.

Silas Gyger | 2016-12-14 12:28