kenji/illogical-impulse
1
0
Fork 0
forked from Shinonome/dots-hyprland
Code Pull Requests Activity

add new date style (bubble)

Browse Source
This commit is contained in:
darksignal7
2025-10-05 20:35:24 +03:00
parent 02631da9f1
commit 79ac51a1ca
3 changed files with 75 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/quickshell/ii/modules/background/CookieClock.qml
+69 -2
View File
@@ -31,9 +31,8 @@ Item {
property real secondsHandLength: 100
property real hourLineSize: 5
property real minuteLineSize: 2
property real hourNumberSize: 36
property real dateSquareSize: 64
property color colShadow: Appearance.colors.colShadow
property color colBackground: Appearance.colors.colSecondaryContainer
@@ -405,6 +404,74 @@ Item {
}
}
}
// Date bubble style left side
Rectangle{
z: 5
implicitWidth: Config.options.background.clock.cookie.dateStyle === "bubble" ? dateSquareSize : 0
implicitHeight: Config.options.background.clock.cookie.dateStyle === "bubble" ? dateSquareSize : 0
color: Appearance.colors.colPrimaryContainerHover
radius: Appearance.rounding.large
anchors{
left: cookie.left
bottom: cookie.bottom
bottomMargin: 5
}
Behavior on implicitWidth{
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
Behavior on implicitHeight{
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
StyledText{
anchors.centerIn: parent
text: DateTime.date.substring(5,7)
color: Appearance.colors.colPrimary
opacity: Config.options.background.clock.cookie.dateStyle === "bubble" ? 1.0 : 0
font {
family: Appearance.font.family.reading
pixelSize: 30
weight: 1000
}
Behavior on opacity{
animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)
}
}
}
// Date bubble style right side
Rectangle{
z: 5
implicitWidth: Config.options.background.clock.cookie.dateStyle === "bubble" ? dateSquareSize : 0
implicitHeight: Config.options.background.clock.cookie.dateStyle === "bubble" ? dateSquareSize : 0
color: Appearance.colors.colTertiaryContainer
radius: Appearance.rounding.verylarge
anchors{
right: cookie.right
top: cookie.top
topMargin: 5
}
Behavior on implicitWidth{
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
Behavior on implicitHeight{
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
StyledText{
anchors.centerIn: parent
text: DateTime.date.substring(8,10)
color: Appearance.colors.colTertiary
opacity: Config.options.background.clock.cookie.dateStyle === "bubble" ? 1.0 : 0
font {
family: Appearance.font.family.reading
pixelSize: 30
weight: 1000
}
Behavior on opacity{
animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)
}
}
}
// Hour Indicator numbers (3-6-9-12)
Repeater {