Fusion Style
The Fusion style is a desktop-oriented style.
The Fusion style is a platform-agnostic style that offers a desktop-oriented look and feel. It implements the same design language as the Fusion style for Qt Widgets.
The Fusion style automatically switches dark and light themes according to the system settings. For information on how to set custom theme colors, refer to the Customization section.
The light theme of the Fusion style. | The dark theme of the Fusion style. |
To run an application with the Fusion style, see Using Styles in Qt Quick Controls.
Note: The Fusion style is not a native desktop style. The style runs on any platform, and looks similar everywhere. Minor differences may occur due to differences in the standard system palettes, available fonts, and font rendering engines.
Customization
The Fusion style uses the standard system Palette to provide colors that match the desktop environment.
You can specify custom palettes for any control, popup, or application window. Explicit palette attributes are automatically propagated from parent to children, overriding any system defaults for that attribute. In the following example, the window and all three switches appear with a violet highlight color:
import QtQuick 2.12 import QtQuick.Controls 2.12 ApplicationWindow { visible: true palette.highlight: "violet" Column { anchors.centerIn: parent Switch { text: qsTr("First"); checked: true } Switch { text: qsTr("Second"); checked: true } Switch { text: qsTr("Third") } } } |
See also Basic Style, Material Style, Universal Style
Related Information
© 2024 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.