StyleKit Example | Qt Labs StyleKit | Qt 6.11.2
Description: Shows how to style Qt Quick Controls using StyleKit.

- Qt 6.11
- Qt Labs StyleKit
- StyleKit Example
- Qt 6.11.2 Reference Documentation

# StyleKit Example

Shows how to style Qt Quick Controls using StyleKit.

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
- CustomDelegates - A style demonstrating how to create overlays, underlays, and shader effects

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.
- Implement custom delegates to add overlay and underlay effects.
- Apply shader-based visual effects to the controls.
- 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.

Note: This example requires Qt Shader Tools, an optional library available through the Qt Maintenance Tool.

Example project @ code.qt.io

See also Qt Labs StyleKit, Style, and Theme.