|
|
|
@ -4,7 +4,7 @@ import QtQuick.Layouts 1.3
|
|
|
|
import QtGraphicalEffects 1.0
|
|
|
|
import QtGraphicalEffects 1.0
|
|
|
|
|
|
|
|
|
|
|
|
import Cutefish.Settings 1.0
|
|
|
|
import Cutefish.Settings 1.0
|
|
|
|
import MeuiKit 1.0 as Meui
|
|
|
|
import FishUI 1.0 as FishUI
|
|
|
|
|
|
|
|
|
|
|
|
ItemPage {
|
|
|
|
ItemPage {
|
|
|
|
headerTitle: qsTr("Appearance")
|
|
|
|
headerTitle: qsTr("Appearance")
|
|
|
|
@ -46,39 +46,39 @@ ItemPage {
|
|
|
|
ColumnLayout {
|
|
|
|
ColumnLayout {
|
|
|
|
id: layout
|
|
|
|
id: layout
|
|
|
|
anchors.fill: parent
|
|
|
|
anchors.fill: parent
|
|
|
|
anchors.bottomMargin: Meui.Units.largeSpacing
|
|
|
|
anchors.bottomMargin: FishUI.Units.largeSpacing
|
|
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
text: qsTr("Theme")
|
|
|
|
text: qsTr("Theme")
|
|
|
|
color: Meui.Theme.disabledTextColor
|
|
|
|
color: FishUI.Theme.disabledTextColor
|
|
|
|
bottomPadding: Meui.Units.smallSpacing
|
|
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Light Mode and Dark Mode
|
|
|
|
// Light Mode and Dark Mode
|
|
|
|
RowLayout {
|
|
|
|
RowLayout {
|
|
|
|
spacing: Meui.Units.largeSpacing * 2
|
|
|
|
spacing: FishUI.Units.largeSpacing * 2
|
|
|
|
|
|
|
|
|
|
|
|
IconCheckBox {
|
|
|
|
IconCheckBox {
|
|
|
|
source: "qrc:/images/light_mode.svg"
|
|
|
|
source: "qrc:/images/light_mode.svg"
|
|
|
|
text: qsTr("Light")
|
|
|
|
text: qsTr("Light")
|
|
|
|
checked: !Meui.Theme.darkMode
|
|
|
|
checked: !FishUI.Theme.darkMode
|
|
|
|
onClicked: appearance.switchDarkMode(false)
|
|
|
|
onClicked: appearance.switchDarkMode(false)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
IconCheckBox {
|
|
|
|
IconCheckBox {
|
|
|
|
source: "qrc:/images/dark_mode.svg"
|
|
|
|
source: "qrc:/images/dark_mode.svg"
|
|
|
|
text: qsTr("Dark")
|
|
|
|
text: qsTr("Dark")
|
|
|
|
checked: Meui.Theme.darkMode
|
|
|
|
checked: FishUI.Theme.darkMode
|
|
|
|
onClicked: appearance.switchDarkMode(true)
|
|
|
|
onClicked: appearance.switchDarkMode(true)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Item {
|
|
|
|
Item {
|
|
|
|
height: Meui.Units.largeSpacing
|
|
|
|
height: FishUI.Units.largeSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
RowLayout {
|
|
|
|
RowLayout {
|
|
|
|
spacing: Meui.Units.largeSpacing
|
|
|
|
spacing: FishUI.Units.largeSpacing
|
|
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
id: dimsTipsLabel
|
|
|
|
id: dimsTipsLabel
|
|
|
|
@ -102,13 +102,13 @@ ItemPage {
|
|
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
text: qsTr("Accent color")
|
|
|
|
text: qsTr("Accent color")
|
|
|
|
color: Meui.Theme.disabledTextColor
|
|
|
|
color: FishUI.Theme.disabledTextColor
|
|
|
|
bottomPadding: Meui.Units.smallSpacing
|
|
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
GridView {
|
|
|
|
GridView {
|
|
|
|
id: accentColorView
|
|
|
|
id: accentColorView
|
|
|
|
height: itemSize + Meui.Units.largeSpacing * 2
|
|
|
|
height: itemSize + FishUI.Units.largeSpacing * 2
|
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.fillWidth: true
|
|
|
|
cellWidth: height
|
|
|
|
cellWidth: height
|
|
|
|
cellHeight: height
|
|
|
|
cellHeight: height
|
|
|
|
@ -118,19 +118,19 @@ ItemPage {
|
|
|
|
property var itemSize: 32
|
|
|
|
property var itemSize: 32
|
|
|
|
|
|
|
|
|
|
|
|
Component.onCompleted: {
|
|
|
|
Component.onCompleted: {
|
|
|
|
model.append({"accentColor": String(Meui.Theme.blueColor)})
|
|
|
|
model.append({"accentColor": String(FishUI.Theme.blueColor)})
|
|
|
|
model.append({"accentColor": String(Meui.Theme.redColor)})
|
|
|
|
model.append({"accentColor": String(FishUI.Theme.redColor)})
|
|
|
|
model.append({"accentColor": String(Meui.Theme.greenColor)})
|
|
|
|
model.append({"accentColor": String(FishUI.Theme.greenColor)})
|
|
|
|
model.append({"accentColor": String(Meui.Theme.purpleColor)})
|
|
|
|
model.append({"accentColor": String(FishUI.Theme.purpleColor)})
|
|
|
|
model.append({"accentColor": String(Meui.Theme.pinkColor)})
|
|
|
|
model.append({"accentColor": String(FishUI.Theme.pinkColor)})
|
|
|
|
model.append({"accentColor": String(Meui.Theme.orangeColor)})
|
|
|
|
model.append({"accentColor": String(FishUI.Theme.orangeColor)})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
delegate: Rectangle {
|
|
|
|
delegate: Rectangle {
|
|
|
|
property bool checked: Qt.colorEqual(Meui.Theme.highlightColor, accentColor)
|
|
|
|
property bool checked: Qt.colorEqual(FishUI.Theme.highlightColor, accentColor)
|
|
|
|
property color currentColor: accentColor
|
|
|
|
property color currentColor: accentColor
|
|
|
|
|
|
|
|
|
|
|
|
width: accentColorView.itemSize + Meui.Units.largeSpacing
|
|
|
|
width: accentColorView.itemSize + FishUI.Units.largeSpacing
|
|
|
|
height: width
|
|
|
|
height: width
|
|
|
|
color: "transparent"
|
|
|
|
color: "transparent"
|
|
|
|
radius: width / 2
|
|
|
|
radius: width / 2
|
|
|
|
@ -167,7 +167,7 @@ ItemPage {
|
|
|
|
ColorOverlay {
|
|
|
|
ColorOverlay {
|
|
|
|
anchors.fill: parent
|
|
|
|
anchors.fill: parent
|
|
|
|
source: parent
|
|
|
|
source: parent
|
|
|
|
color: Meui.Theme.highlightedTextColor
|
|
|
|
color: FishUI.Theme.highlightedTextColor
|
|
|
|
opacity: 1
|
|
|
|
opacity: 1
|
|
|
|
visible: true
|
|
|
|
visible: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -181,19 +181,19 @@ ItemPage {
|
|
|
|
// Font
|
|
|
|
// Font
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
text: qsTr("Font")
|
|
|
|
text: qsTr("Font")
|
|
|
|
color: Meui.Theme.disabledTextColor
|
|
|
|
color: FishUI.Theme.disabledTextColor
|
|
|
|
bottomPadding: Meui.Units.smallSpacing
|
|
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
GridLayout {
|
|
|
|
GridLayout {
|
|
|
|
rows: 3
|
|
|
|
rows: 3
|
|
|
|
columns: 2
|
|
|
|
columns: 2
|
|
|
|
|
|
|
|
|
|
|
|
columnSpacing: Meui.Units.largeSpacing * 2
|
|
|
|
columnSpacing: FishUI.Units.largeSpacing * 2
|
|
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
text: qsTr("General Font")
|
|
|
|
text: qsTr("General Font")
|
|
|
|
bottomPadding: Meui.Units.smallSpacing
|
|
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ComboBox {
|
|
|
|
ComboBox {
|
|
|
|
@ -206,7 +206,7 @@ ItemPage {
|
|
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
text: qsTr("Fixed Font")
|
|
|
|
text: qsTr("Fixed Font")
|
|
|
|
bottomPadding: Meui.Units.smallSpacing
|
|
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ComboBox {
|
|
|
|
ComboBox {
|
|
|
|
@ -219,7 +219,7 @@ ItemPage {
|
|
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
Label {
|
|
|
|
text: qsTr("Font Size")
|
|
|
|
text: qsTr("Font Size")
|
|
|
|
bottomPadding: Meui.Units.smallSpacing
|
|
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
TabBar {
|
|
|
|
TabBar {
|
|
|
|
|