frosted glass background for bar groups

This commit is contained in:
Damocles 2026-04-13 21:21:07 +02:00
parent 1430eeb6d4
commit 5d472ab086

View file

@ -56,17 +56,17 @@ Item {
shadowHorizontalOffset: 0 shadowHorizontalOffset: 0
} }
// Solid background // Frosted base semi-transparent so the bar background bleeds through
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
topLeftRadius: root._tlr topLeftRadius: root._tlr
topRightRadius: root._trr topRightRadius: root._trr
bottomLeftRadius: root._blr bottomLeftRadius: root._blr
bottomRightRadius: root._brr bottomRightRadius: root._brr
color: M.Theme.base01 color: Qt.rgba(M.Theme.base01.r, M.Theme.base01.g, M.Theme.base01.b, 0.55)
} }
// Accent gradient overlay // Frost sheen subtle white highlight, top-heavy
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
topLeftRadius: root._tlr topLeftRadius: root._tlr
@ -76,7 +76,26 @@ Item {
gradient: Gradient { gradient: Gradient {
GradientStop { GradientStop {
position: 0 position: 0
color: Qt.rgba(root.borderColor.r, root.borderColor.g, root.borderColor.b, 0.15) color: Qt.rgba(1, 1, 1, 0.07)
}
GradientStop {
position: 0.5
color: "transparent"
}
}
}
// Accent tint
Rectangle {
anchors.fill: parent
topLeftRadius: root._tlr
topRightRadius: root._trr
bottomLeftRadius: root._blr
bottomRightRadius: root._brr
gradient: Gradient {
GradientStop {
position: 0
color: Qt.rgba(root.borderColor.r, root.borderColor.g, root.borderColor.b, 0.12)
} }
GradientStop { GradientStop {
position: 1 position: 1