solid group backgrounds, glow shader on gradient border
This commit is contained in:
parent
d33b47139a
commit
0181c566cf
2 changed files with 21 additions and 1 deletions
|
|
@ -1,4 +1,5 @@
|
||||||
import QtQuick
|
import QtQuick
|
||||||
|
import QtQuick.Effects
|
||||||
import QtQuick.Layouts
|
import QtQuick.Layouts
|
||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Wayland
|
import Quickshell.Wayland
|
||||||
|
|
@ -28,7 +29,9 @@ PanelWindow {
|
||||||
}
|
}
|
||||||
|
|
||||||
Canvas {
|
Canvas {
|
||||||
|
id: borderCanvas
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
visible: false
|
||||||
|
|
||||||
onPaint: {
|
onPaint: {
|
||||||
const ctx = getContext("2d");
|
const ctx = getContext("2d");
|
||||||
|
|
@ -94,6 +97,16 @@ PanelWindow {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
MultiEffect {
|
||||||
|
source: borderCanvas
|
||||||
|
anchors.fill: borderCanvas
|
||||||
|
shadowEnabled: true
|
||||||
|
shadowColor: M.Theme.base0D
|
||||||
|
shadowBlur: 0.4
|
||||||
|
shadowVerticalOffset: 2
|
||||||
|
shadowHorizontalOffset: 0
|
||||||
|
}
|
||||||
|
|
||||||
Item {
|
Item {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.topMargin: 3
|
anchors.topMargin: 3
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,14 @@ Item {
|
||||||
shadowHorizontalOffset: 0
|
shadowHorizontalOffset: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
// Background gradient
|
// Solid background
|
||||||
|
Rectangle {
|
||||||
|
anchors.fill: parent
|
||||||
|
radius: M.Theme.radius
|
||||||
|
color: M.Theme.base01
|
||||||
|
}
|
||||||
|
|
||||||
|
// Accent gradient overlay
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
radius: M.Theme.radius
|
radius: M.Theme.radius
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue