Add colored border to HListView highlight delegate

This commit is contained in:
miruka 2020-08-19 07:17:21 -04:00
parent 05f2c20924
commit c51a771a65
5 changed files with 17 additions and 0 deletions

View File

@ -91,6 +91,12 @@ ListView {
highlight: Rectangle { highlight: Rectangle {
color: theme.controls.listView.highlight color: theme.controls.listView.highlight
Rectangle {
width: theme.controls.listView.highlightBorderThickness
height: parent.height
color: theme.controls.listView.highlightBorder
}
} }
ScrollBar.vertical: HScrollBar { ScrollBar.vertical: HScrollBar {

View File

@ -229,5 +229,11 @@ HBox {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
Rectangle {
z: -10
anchors.fill: parent
color: theme.colors.strongBackground
}
} }
} }

View File

@ -11,6 +11,7 @@ HTile {
property string loadingIconStep property string loadingIconStep
backgroundColor: "transparent"
contentOpacity: model.status === "Failed" ? 0.3 : 1 // XXX contentOpacity: model.status === "Failed" ? 0.3 : 1 // XXX
rightPadding: 0 rightPadding: 0

View File

@ -183,6 +183,8 @@ controls:
color highlight: hsluv( color highlight: hsluv(
colors.hue, colors.bgSaturation * 2, 0, colors.opacity / 2, colors.hue, colors.bgSaturation * 2, 0, colors.opacity / 2,
) )
color highlightBorder: colors.strongAccentElement
int highlightBorderThickness: 1
color smallPaneHighlight: colors.accentBackground color smallPaneHighlight: colors.accentBackground
textField: textField:

View File

@ -189,6 +189,8 @@ controls:
colors.intensity * 1, colors.intensity * 1,
colors.opacity / 1.5, colors.opacity / 1.5,
) )
color highlightBorder: colors.strongAccentElement
int highlightBorderThickness: 1
color smallPaneHighlight: colors.accentBackground color smallPaneHighlight: colors.accentBackground
textField: textField: