mirror/BaseUI
1
0
Fork 0
mirror of https://github.com/stemoretti/BaseUI.git synced 2025-09-29 08:34:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

Allow the toolbar color to be the same as the theme background and small fixes

Browse Source
This commit is contained in:
Stefano Moretti
2023-05-27 11:07:43 +02:00
parent 051e97c636
commit 287d439eec
8 changed files with 64 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
example/main.qml
View File

@ -13,7 +13,8 @@ UI.App {
property string primary: Material.primary
property string accent: Material.accent
property bool theme: false
property bool theme: Material.theme === Material.Dark
property string themeStyle: "System"
initialPage: UI.AppStackPage {
id: homePage
@ -193,10 +194,10 @@ UI.App {
text: "Display"
}
UI.SettingsCheckItem {
title: "Dark Theme"
checkState: root.theme ? Qt.Checked : Qt.Unchecked
onClicked: root.theme = !root.theme
UI.SettingsItem {
title: "Theme"
subtitle: root.themeStyle
onClicked: themeDialog.open()
Layout.fillWidth: true
}
@ -217,6 +218,14 @@ UI.App {
colorDialog.open()
}
}
UI.SettingsCheckItem {
title: "Tool bar primary color"
subtitle: "Use the primary color for the tool bar background"
checkState: UI.Style.toolBarPrimary ? Qt.Checked : Qt.Unchecked
onClicked: UI.Style.toolBarPrimary = !UI.Style.toolBarPrimary
Layout.fillWidth: true
}
}
}
}
@ -281,6 +290,32 @@ UI.App {
text: "Information message."
}
UI.OptionsDialog {
id: themeDialog
title: "Choose theme style"
model: [
{ name: "Dark", style: Material.Dark },
{ name: "Light", style: Material.Light },
{ name: "System", style: Material.System }
]
delegate: RowLayout {
spacing: 0
RadioButton {
checked: modelData.name === root.themeStyle
text: modelData.name
Layout.leftMargin: 4
onClicked: {
themeDialog.close()
root.themeStyle = modelData.name
UI.Style.theme = modelData.style
root.theme = root.Material.theme === Material.Dark
}
}
}
}
UI.OptionsDialog {
id: colorDialog
@ -293,7 +328,7 @@ UI.App {
return filtered.length ? filtered[0].name : ""
}
title: selectAccentColor ? qsTr("Choose accent color") : qsTr("Choose primary color")
title: selectAccentColor ? "Choose accent color" : "Choose primary color"
model: [
{ name: "Material Red", bg: Material.Red },
{ name: "Material Pink", bg: Material.Pink },