FluentUI/example/T_Theme.qml

import QtQuick 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import FluentUI 1.0

FluScrollablePage{

    title:"Theme"

    RowLayout{
        Layout.topMargin: 20
        Repeater{
            model: [FluColors.Yellow,FluColors.Orange,FluColors.Red,FluColors.Magenta,FluColors.Purple,FluColors.Blue,FluColors.Teal,FluColors.Green]
            delegate:  Rectangle{
                width: 42
                height: 42
                radius: 4
                color: mouse_item.containsMouse ? Qt.lighter(modelData.normal,1.1) : modelData.normal
                FluIcon {
                    anchors.centerIn: parent
                    iconSource: FluentIcons.AcceptMedium
                    iconSize: 15
                    visible: modelData === FluTheme.primaryColor
                    color: FluTheme.isDark ? Qt.rgba(0,0,0,1) : Qt.rgba(1,1,1,1)
                }
                MouseArea{
                    id:mouse_item
                    anchors.fill: parent
                    hoverEnabled: true
                    onClicked: {
                        FluTheme.primaryColor = modelData
                    }
                }
            }
        }
    }
    FluText{
        text:"夜间模式"
        Layout.topMargin: 20
    }
    FluToggleSwitch{
        selected: FluTheme.isDark
        clickFunc:function(){
            FluTheme.isDark = !FluTheme.isDark
        }
    }
    FluText{
        text:"无边框"
        Layout.topMargin: 20
    }
    FluToggleSwitch{
        selected: FluTheme.isFrameless
        clickFunc:function(){
            FluTheme.isFrameless = !FluTheme.isFrameless
        }
    }
    FluText{
        text:"native文本渲染"
        Layout.topMargin: 20
    }
    FluToggleSwitch{
        selected: FluTheme.isNativeText
        clickFunc:function(){
            FluTheme.isNativeText = !FluTheme.isNativeText
        }
    }
}