theme themepicker to better match overall style
This commit is contained in:
parent
dfd80441e0
commit
5b9c2450d5
2 changed files with 13 additions and 6 deletions
|
|
@ -14,10 +14,12 @@ import qs.modules.Services
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: child
|
id: child
|
||||||
implicitWidth: contentLayout.implicitWidth + contentLayout.anchors.margins * 2+ container.anchors.margins * 2
|
implicitWidth: contentLayout.implicitWidth + contentLayout.anchors.margins * 2 + container.anchors.margins * 2
|
||||||
implicitHeight: 600
|
implicitHeight: 600
|
||||||
color: Colors.c.base00
|
color: Colors.c.base00
|
||||||
radius: Config.cfg.appearance.rounding
|
radius: Config.cfg.appearance.rounding
|
||||||
|
border.width: 1
|
||||||
|
border.color: Colors.c.base03
|
||||||
MouseArea {
|
MouseArea {
|
||||||
acceptedButtons: Qt.AllButtons
|
acceptedButtons: Qt.AllButtons
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
|
@ -28,7 +30,7 @@ Rectangle {
|
||||||
nameFilters: searchBar.text == "" ? [] : ["*" + searchBar.text + "*"]
|
nameFilters: searchBar.text == "" ? [] : ["*" + searchBar.text + "*"]
|
||||||
}
|
}
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: container
|
id: container
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
anchors.margins: 10
|
anchors.margins: 10
|
||||||
|
|
@ -39,18 +41,22 @@ Rectangle {
|
||||||
id: contentLayout
|
id: contentLayout
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.margins: 30
|
anchors.margins: 30
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
spacing: 40
|
spacing: 40
|
||||||
TextField {
|
TextField {
|
||||||
id: searchBar
|
id: searchBar
|
||||||
placeholderText: "enter scheme name:"
|
placeholderText: "enter scheme name:"
|
||||||
placeholderTextColor: Colors.c.base04
|
placeholderTextColor: Colors.c.base04
|
||||||
leftPadding: 10
|
leftPadding: 10
|
||||||
|
font.family: Config.cfg.appearance.font
|
||||||
|
color: Colors.font
|
||||||
background: Rectangle {
|
background: Rectangle {
|
||||||
color: Colors.c.base02
|
color: Colors.c.base02
|
||||||
implicitWidth: 300
|
implicitWidth: 300
|
||||||
implicitHeight: 30
|
implicitHeight: 30
|
||||||
radius: Config.cfg.appearance.rounding
|
radius: Config.cfg.appearance.rounding
|
||||||
|
border.width: 1
|
||||||
|
border.color: Colors.c.base03
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -63,7 +69,8 @@ Rectangle {
|
||||||
delegate: Rectangle {
|
delegate: Rectangle {
|
||||||
id: container
|
id: container
|
||||||
required property var modelData
|
required property var modelData
|
||||||
|
border.width: 1
|
||||||
|
border.color: Colors.c.base03
|
||||||
color: Colors.c.base02
|
color: Colors.c.base02
|
||||||
height: 30
|
height: 30
|
||||||
radius: Config.cfg.appearance.rounding
|
radius: Config.cfg.appearance.rounding
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"appearance": {
|
"appearance": {
|
||||||
"accent": "base0D",
|
"accent": "base0D",
|
||||||
"currentTheme": "base16-rose-pine.json",
|
"currentTheme": "base16-gruvbox-dark-soft.json",
|
||||||
"font": "Inter",
|
"font": "Inter",
|
||||||
"fontSize": 14,
|
"fontSize": 14,
|
||||||
"iconSize": 16,
|
"iconSize": 16,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue