vinzenz/nova-shell
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

overview backdrop: darker base01 bg, hex grid only, no scan lines or particles

Browse source
This commit is contained in:
Damocles 2026-04-13 08:58:09 +02:00
parent 9d4d14138e
commit a9f313d60f
1 changed files with 2 additions and 176 deletions
Download patch file Download diff file Expand all files Collapse all files

178
modules/OverviewBackdrop.qml
View file

@ -20,11 +20,10 @@ PanelWindow {
anchors.right: true anchors.right: true
anchors.bottom: true anchors.bottom: true
// Solid dark background // Solid dark background — base01 is darker than base00
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
color: M.Theme.base00 color: M.Theme.base01
opacity: 0.85
} }
// Hex grid with gradient-filled cells, no outlines // Hex grid with gradient-filled cells, no outlines
@ -81,177 +80,4 @@ PanelWindow {
} }
} }
} }
// Horizontal scan line with glow trail
Rectangle {
id: hScan
width: 2
height: parent.height
opacity: 0.2
color: M.Theme.base0D
NumberAnimation on x {
from: -100
to: root.width + 100
duration: 8000
loops: Animation.Infinite
easing.type: Easing.InOutSine
}
Rectangle {
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.right: parent.left
width: 120
gradient: Gradient {
orientation: Gradient.Horizontal
GradientStop {
position: 0
color: "transparent"
}
GradientStop {
position: 1
color: Qt.rgba(M.Theme.base0D.r, M.Theme.base0D.g, M.Theme.base0D.b, 0.08)
}
}
}
}
// Vertical scan line
Rectangle {
width: parent.width
height: 1
opacity: 0.12
color: M.Theme.base0E
NumberAnimation on y {
from: -50
to: root.height + 50
duration: 12000
loops: Animation.Infinite
easing.type: Easing.InOutSine
}
}
// Diagonal scan
Rectangle {
width: 1
height: parent.height * 1.5
opacity: 0.06
color: M.Theme.base09
rotation: 30
transformOrigin: Item.Top
SequentialAnimation on x {
loops: Animation.Infinite
NumberAnimation {
from: -200
to: root.width + 200
duration: 15000
easing.type: Easing.InOutQuad
}
NumberAnimation {
from: root.width + 200
to: -200
duration: 15000
easing.type: Easing.InOutQuad
}
}
}
// Corner accent marks
Repeater {
model: [
{
cx: 40,
cy: 40,
col: M.Theme.base0C,
dx: 1,
dy: 1
},
{
cx: -100,
cy: 40,
col: M.Theme.base09,
dx: -1,
dy: 1
},
{
cx: 40,
cy: -100,
col: M.Theme.base0E,
dx: 1,
dy: -1
},
{
cx: -100,
cy: -100,
col: M.Theme.base08,
dx: -1,
dy: -1
}
]
Item {
required property var modelData
x: modelData.dx > 0 ? modelData.cx : root.width + modelData.cx
y: modelData.dy > 0 ? modelData.cy : root.height + modelData.cy
Rectangle {
width: 60
height: 1
color: parent.modelData.col
opacity: 0.25
}
Rectangle {
width: 1
height: 60
color: parent.modelData.col
opacity: 0.25
}
Rectangle {
width: 5
height: 5
radius: 2.5
color: parent.modelData.col
SequentialAnimation on opacity {
loops: Animation.Infinite
NumberAnimation {
to: 0.1
duration: 1500 + Math.random() * 1000
easing.type: Easing.InOutSine
}
NumberAnimation {
to: 0.5
duration: 1500 + Math.random() * 1000
easing.type: Easing.InOutSine
}
}
}
}
}
// Floating particles
Repeater {
model: 15
Rectangle {
required property int index
width: 2
height: 2
radius: 1
color: [M.Theme.base0C, M.Theme.base0D, M.Theme.base0E, M.Theme.base09, M.Theme.base08][index % 5]
opacity: 0.1 + Math.random() * 0.1
NumberAnimation on x {
from: -20
to: root.width + 20
duration: 20000 + index * 3000
loops: Animation.Infinite
}
NumberAnimation on y {
from: Math.random() * root.height
to: Math.random() * root.height
duration: 30000 + index * 2000
loops: Animation.Infinite
easing.type: Easing.InOutSine
}
}
}
} }