fd1165f153
* background(desktop clock): Redesigned the Desktop Clock and allow positioning and scaling * desktopClock: initial fix for contrast and added debug tool * fix properties * fix BackgroundConfig.qml for desktopClock * removed debugging tool and applied maintainer suggestions * added invert colors, opacity, and fix positioning * added blur, fix layout, allow invert colors * added implicitWidth behavior and small change
147 lines
4.9 KiB
QML
147 lines
4.9 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import qs.components
|
|
import qs.components.containers
|
|
import qs.services
|
|
import qs.config
|
|
import Quickshell
|
|
import Quickshell.Wayland
|
|
import QtQuick
|
|
|
|
Loader {
|
|
active: Config.background.enabled
|
|
|
|
sourceComponent: Variants {
|
|
model: Quickshell.screens
|
|
|
|
StyledWindow {
|
|
id: win
|
|
|
|
required property ShellScreen modelData
|
|
|
|
screen: modelData
|
|
name: "background"
|
|
WlrLayershell.exclusionMode: ExclusionMode.Ignore
|
|
WlrLayershell.layer: WlrLayer.Background
|
|
color: "black"
|
|
|
|
anchors.top: true
|
|
anchors.bottom: true
|
|
anchors.left: true
|
|
anchors.right: true
|
|
|
|
Item {
|
|
id: behindClock
|
|
|
|
anchors.fill: parent
|
|
|
|
Wallpaper {
|
|
id: wallpaper
|
|
}
|
|
|
|
Visualiser {
|
|
anchors.fill: parent
|
|
screen: win.modelData
|
|
wallpaper: wallpaper
|
|
}
|
|
}
|
|
|
|
|
|
Loader {
|
|
id: clockLoader
|
|
active: Config.background.desktopClock.enabled
|
|
|
|
anchors.margins: Appearance.padding.large * 2
|
|
anchors.leftMargin: Appearance.padding.large * 2 + Config.bar.sizes.innerWidth + Math.max(Appearance.padding.smaller, Config.border.thickness)
|
|
|
|
state: Config.background.desktopClock.position
|
|
states: [
|
|
State {
|
|
name: "top-left"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
}
|
|
},
|
|
State {
|
|
name: "top-center"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.top: parent.top
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
},
|
|
State {
|
|
name: "top-right"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.top: parent.top
|
|
anchors.right: parent.right }
|
|
},
|
|
State {
|
|
name: "middle-left"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
}
|
|
},
|
|
State {
|
|
name: "middle-center"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
},
|
|
State {
|
|
name: "middle-right"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
}
|
|
},
|
|
State {
|
|
name: "bottom-left"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
}
|
|
},
|
|
State {
|
|
name: "bottom-center"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.bottom: parent.bottom
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
},
|
|
State {
|
|
name: "bottom-right"
|
|
AnchorChanges {
|
|
target: clockLoader
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
}
|
|
}
|
|
]
|
|
|
|
transitions: Transition {
|
|
AnchorAnimation {
|
|
duration: Appearance.anim.durations.expressiveDefaultSpatial
|
|
easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
|
|
}
|
|
}
|
|
|
|
sourceComponent: DesktopClock {
|
|
wallpaper: behindClock
|
|
absX: clockLoader.x
|
|
absY: clockLoader.y
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|