Howto:Create a custom GUI style

From FlightGear wiki
Revision as of 22:08, 12 October 2020 by Johan G (talk | contribs) (→‎Forum topics: + Some related forum topics)
Jump to navigation Jump to search
The autopilot dialog, here with the default Anthrax style.

The style of the GUI of FlightGear, in essence the menus, most dialogs and their widgets, uses styles that can be changed or modified after taste.

The GUI of FlightGear

1rightarrow.png See PUI for the main article about this subject.

For the graphical user interface (GUI) in FlightGear uses PUI, the Picoscopic User Interface, one of the PLIB libraries.

The GUI style can be customized to a certain degree by changing the appearance (colors and transparency) of all major GUI widgets (such as buttons, text fields, sliders, checkboxes etc.), so that different GUI styles can be created. The style of of the GUI is configured through PropertyList XML files.

Included styles

As of FlightGear 2.6 there are two different GUI styles provided in the base package:

The main menu in the default Anthrax style.
The main menu in the Tortola style.


You can switch between GUI styles with Main Menu > Debug > Cycle GUI Style. Press F10 if the main menu is hidden.

Creating your custom GUI style

Creating a GUI style is fairly easy. and there are infact 2 different ways of making one. Eather way uses the RGB color system and alpha to add transparancy.

GUI styler

The easier way to make a custom style is to use the GUI styler dialog by omega95. Just turn the knobs until you get the color you want, making it fairly easy and quick. Your GUI can be finished in less than ten minutes.

You can get Omega95's GUI styler here: Re: Black Glass / Sleek Black GUI Style post on the forum This is a link to the FlightGear forum.

Manually editing a GUI style

See the readme file below.

Related content

Wiki articles

Forum topics

Readme file

Existing GUI stiles