StyleKit Quick Controls Example

This example shows how to style applications with StyleKit. It includes several styles that each demonstrate different aspects of styling:

• Plain - A minimal style with only the basics
• Haze - An advanced style with multiple themes
• Vitrum - A style targeting VR environments
• Fusion - A classical desktop Fusion style

The example demonstrates, among other things, how to:

• Implement and switch between different styles.
• Implement support for light and dark themes, as well as additional themes such as high-contrast.
• Use StyleVariation to provide alternative styling for parts of the application.
• Build custom controls using CustomControl and StyleReader.
• Interact with a style at runtime, for example to change the theme or adjust style properties like the background radius.

Running the Example

You can run the example from:

• Qt Creator

  Open the Welcome mode and select the example from Examples. For more information, see Qt Creator: Tutorial: Build and run.

• Qt Extension for Visual Studio Code

  Run the Qt: Open Qt examples command from the Command Palette, and select the example from the list. For more information, see Qt Extension for Visual Studio Code: Tutorial: Build and run.

Example project @ code.qt.io