How to view editor node tree? How to use an editor theme as a theme in your game?

Archive
1
:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By Astavie

Hello! I have two questions.

I’m trying to create a UI for a piece of software I’m writing in Godot, but I’m having a bit of trouble. I kinda want it to look like the Godot editor, but I have no idea how to arrange controls nodes to do that. Is there a way to view the underlying node tree of the Godot editor?

Color picker UI element

For instance, I’d like to recreate the above color picker button (where it shows the color you’ve chosen on the button) but the default ColorPickerButton doesn’t have that functionality.

Secondly, I don’t really like the default theme of the ingame nodes, but I do like the theme of the Godot editor. Is there a way to use the theme of the Godot editor ingame?

2
:bust_in_silhouette: Reply From: njamster

Is there a way to view the underlying node tree of the Godot editor?

Other than reading the source code? No, nothing I’m aware of.

I’d like to recreate the above color picker button (where it shows the color you’ve chosen on the button) but the default ColorPickerButton doesn’t have that functionality.

Uhm… Yes, it does?

Is there a way to use the theme of the Godot editor ingame?

Select any Control node, search for the theme-property in the inspector, create a new theme from the dropdown and click on it to open the preview window. Then click “Edit Theme” in the top right corner and select “Create From Current Editor Theme”.