lucy/quickshell
Watch
1
0
Fork
You've already forked quickshell
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: lucy:eb93ad8d2c926384cb8ed004316bded8218412bb
Branches Tags
lucy:main
...
compare: lucy:44ec5354f9cc8b08e7163d92144973c95b0f5813
Branches Tags
lucy:main
Author SHA1 Message Date
lucy
44ec5354f9 add shadows to bar modules 2026-08-02 21:30:24 +02:00
lucy
a0de1f29c6 fix spacing and rounding issues in wallpaperpicker 2026-07-31 12:50:24 +02:00
lucy
83c84b6880 fix wallpaper picker spacing 2026-07-28 09:01:27 +02:00
lucy
2f4e12b078 change wallpicker cell dimension logic 2026-07-27 17:00:02 +02:00
lucy
6f1ed99e24 use lighter bg for bar modules 2026-07-27 00:37:33 +02:00
lucy
0405e2d3dc add drop shadow to wp selector 2026-07-26 20:34:26 +02:00
lucy
759cdb87cc remove debug logs from notifications 2026-07-26 20:02:43 +02:00
lucy
3c744a0156 add wallpaper picker 2026-07-26 19:45:52 +02:00
lucy
8e4c0fed9c fix clock showing single digit seconds 2026-07-26 15:33:29 +02:00
lucy
d96cb88df2 make ipc handler to reload qs 2026-07-26 15:24:46 +02:00
16 changed files with 244 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

3
Colors.qml
View file

@ -31,7 +31,7 @@ Singleton {
watchChanges: true
onAdapterUpdated: reload()
onAdapterChanged: reload()
blockLoading: true // colors resolved before first paint, no flash of defaults
blockLoading: true
property alias base00: palette.base00
property alias base01: palette.base01
property alias base02: palette.base02
@ -51,7 +51,6 @@ Singleton {
JsonAdapter {
id: palette
// strings, not colors — QML coerces "#rrggbb" -> color at the readonly props above
property string base00
property string base01
property string base02

14
modules/bar/ActiveWindow.qml
View file

@ -1,3 +1,4 @@
pragma ComponentBehavior: Bound
import Quickshell.Widgets
import Quickshell.Hyprland
import QtQuick
@ -5,13 +6,24 @@ import QtQuick.Layouts
import qs
import qs.widgets
import qs.settings
import QtQuick.Effects
Rectangle {
id: root
required property double moduleHeight
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: root
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
implicitHeight: moduleHeight
implicitWidth: titleLayout.width + 32
color: Colors.base01
color: Colors.base02
radius: Config.rounding
RowLayout {
id: titleLayout

23
modules/bar/Bar.qml
View file

@ -5,6 +5,7 @@ import Quickshell.Wayland
import qs
import qs.settings
import qs.modules.wallpaper
Variants {
model: Quickshell.screens
@ -45,13 +46,17 @@ Variants {
moduleHeight: root.moduleHeight
}
}
RowLayout {
id: centerLayout
Item {
id: middleItem
anchors.centerIn: parent
spacing: 5
Clock {
moduleHeight: root.moduleHeight
implicitWidth: centerLayout.width
implicitHeight: centerLayout.height
RowLayout {
id: centerLayout
spacing: 5
Clock {
moduleHeight: root.moduleHeight
}
}
}
@ -59,7 +64,7 @@ Variants {
id: rightLayout
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
spacing: 5
spacing: 15
anchors.rightMargin: Config.floating ? (Config.barHeight - root.moduleHeight) / 2 : Config.rounding
Mpris {
moduleHeight: root.moduleHeight
@ -73,6 +78,10 @@ Variants {
Tray {
moduleHeight: root.moduleHeight
}
WallpaperPicker {
moduleHeight: root.moduleHeight
screenHeight: root.modelData.height
}
}
}
}

14
modules/bar/Bat.qml
View file

@ -1,15 +1,25 @@
import Quickshell.Widgets
import Quickshell.Services.UPower
import QtQuick
import QtQuick.Layouts
import QtQuick.Effects
import qs
import qs.widgets
import qs.settings
Rectangle {
id: root
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: root
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
clip: true
color: Colors.base01
color: Colors.base02
visible: UPower.displayDevice.isLaptopBattery
property double percent: UPower.displayDevice.percentage * 100
property bool hasBattery: UPower.displayDevice.isLaptopBattery

16
modules/bar/Clock.qml
View file

@ -1,16 +1,28 @@
pragma ComponentBehavior: Bound
import Quickshell
import QtQuick
import QtQuick.Effects
import qs
import qs.widgets
import qs.settings
Rectangle {
id: root
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: root
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
clip: true
required property double moduleHeight
implicitHeight: moduleHeight
implicitWidth: clockText.implicitWidth + 32
color: Colors.base01
color: Colors.base02
radius: Config.rounding
SystemClock {
id: clock
@ -19,6 +31,6 @@ Rectangle {
StyledText {
id: clockText
anchors.centerIn: root
text: Qt.formatDateTime(clock.date, "d.M.yy - hh:mm:s")
text: Qt.formatDateTime(clock.date, "d.M.yy - hh:mm:ss")
}
}

15
modules/bar/Mpris.qml
View file

@ -1,13 +1,24 @@
pragma ComponentBehavior: Bound
import Quickshell.Services.Mpris
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts
import QtQuick.Effects
import qs
import qs.widgets
import qs.settings
Rectangle {
id: root
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: root
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
required property double moduleHeight
implicitHeight: moduleHeight
implicitWidth: songLayout.implicitWidth + 32
@ -20,7 +31,7 @@ Rectangle {
}
visible: spotify !== null && spotify.playbackState === MprisPlaybackState.Playing
clip: true
color: Colors.base01
color: Colors.base02
radius: Config.rounding
RowLayout {
id: songLayout

14
modules/bar/Pw.qml
View file

@ -1,14 +1,26 @@
pragma ComponentBehavior: Bound
import Quickshell.Services.Pipewire
import Quickshell.Io
import QtQuick
import QtQuick.Layouts
import QtQuick.Effects
import qs
import qs.widgets
import qs.settings
Rectangle {
id: root
color: clickHandler.containsMouse ? Colors.base02 : Colors.base01
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: root
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
color: clickHandler.containsMouse ? Colors.base03 : Colors.base02
property PwNode defaultAudio: Pipewire.ready ? Pipewire.defaultAudioSink : null
property bool mute: Pipewire.ready ? defaultAudio?.audio.muted : null
radius: Config.rounding

13
modules/bar/Tray.qml
View file

@ -4,17 +4,28 @@ import Quickshell.Services.SystemTray
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts
import QtQuick.Effects
import qs
import qs.settings
Rectangle {
id: root
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: root
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
visible: iconRepeater.count != 0
Layout.fillHeight: true
required property double moduleHeight
implicitHeight: moduleHeight
implicitWidth: iconlayout.width + 16
color: Colors.base01
color: Colors.base02
radius: Config.rounding
RowLayout {

8
modules/corners/ScreenCorners.qml
View file

@ -14,7 +14,7 @@ import qs.settings
*/
Variants {
model: Quickshell.screens
delegate: PanelWindow {
delegate: WlrLayershell {
id: root
required property ShellScreen modelData
screen: modelData
@ -24,9 +24,11 @@ Variants {
left: true
right: true
}
margins.top: Config.floating ? 0 : Config.barHeight
margins {
top: Config.floating ? 0 : Config.barHeight
}
mask: Region {
item: root
item: Item {}
}
color: 'transparent'
exclusionMode: ExclusionMode.Ignore

3
modules/ipc/Ipc.qml
View file

@ -36,6 +36,9 @@ IpcHandler {
function floating(toggle: bool) {
Config.floating = toggle
}
function reload(hard: bool) {
Quickshell.reload(hard)
}
function setWall(newWall: string) {
if (newWall.startsWith("/")) {

1
modules/notifications/NotiPopup.qml
View file

@ -13,7 +13,6 @@ WlrLayershell {
for (let i = 0; i < Quickshell.screens.length; i++) {
current = Quickshell.screens[i];
if (Hyprland.monitorFor(current) == Hyprland.focusedMonitor) {
console.log(current.name);
return current;
}
}

136
modules/wallpaper/WallpaperPicker.qml Normal file
View file

@ -0,0 +1,136 @@
pragma ComponentBehavior: Bound
import Quickshell
import Quickshell.Wayland
import Quickshell.Widgets
import Quickshell.Hyprland
import QtQuick
import Qt.labs.folderlistmodel 2.11
import QtQuick.Effects
import qs
import qs.settings
import qs.widgets
Rectangle {
id: main
layer.enabled: true
layer.effect: MultiEffect {
id: dropShadow
source: main
shadowEnabled: true
shadowHorizontalOffset: 4
shadowVerticalOffset: 2
shadowOpacity: 0.5
shadowColor: "#020202"
}
required property real moduleHeight
required property int screenHeight
color: Colors.base02
radius: Config.rounding
implicitWidth: moduleHeight
implicitHeight: moduleHeight
MaterialIcon {
anchors.centerIn: main
text: "\ue1bc"
font.pixelSize: 16
font.bold: true
}
MouseArea {
id: clickHandler
anchors.fill: main
acceptedButtons: Qt.LeftButton
cursorShape: Qt.PointingHandCursor
onClicked: {
wallPicker.visible = !wallPicker.visible;
}
}
WlrLayershell {
id: wallPicker
visible: false
exclusionMode: ExclusionMode.Ignore
keyboardFocus: WlrKeyboardFocus.OnDemand
implicitHeight: main.screenHeight / 8
color: 'transparent'
anchors {
bottom: true
left: true
right: true
}
margins {
bottom: 20
left: 20
right: 20
}
HyprlandFocusGrab {
id: grabber
active: wallPicker.visible
windows: [wallPicker]
onCleared: wallPicker.visible = false
}
onVisibleChanged: {
if (wallPicker.visible)
container.forceActiveFocus();
}
ClippingRectangle {
id: container
focus: true
Keys.onEscapePressed: {
wallPicker.visible = false;
}
anchors.fill: parent
color: Colors.base01
radius: Config.rounding
border.width: 2
border.color: Colors.base0D
GridView {
id: wallpaperLayout
clip: true
snapMode: GridView.SnapOneRow
flow: GridView.FlowTopToBottom
cellHeight: container.height
cellWidth: container.width / 8
anchors.fill: parent
anchors.rightMargin: 10
model: wallpaperList
delegate: ClippingWrapperRectangle {
id: wallTile
margin: 10
required property var modelData
color: 'transparent'
implicitWidth: wallPicker.width / 8
implicitHeight: wallPicker.height
child: ClippingRectangle {
id: wpRounder
color: 'transparent'
radius: Config.rounding / 1.5
Image {
id: wallpaper
anchors.fill: parent
source: wallTile.modelData.filePath
sourceSize.width: 16 * 30
sourceSize.height: 9 * 30
asynchronous: true
cache: true
}
MouseArea {
id: wpClickHandler
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton
hoverEnabled: true
onClicked: {
Config.wallpaper = wallTile.modelData.filePath;
}
}
}
}
}
FolderListModel {
id: wallpaperList
folder: Config.wallDir
nameFilters: ["*.png"]
}
}
}
}

4
settings/Config.qml
View file

@ -5,7 +5,7 @@ import Quickshell
Singleton {
id: root
property string font: "Adwaita Mono Nerd Font Propo"
property string font: "Maple Mono"
property int fontSize: 12
property int iconSize: 14
property int barHeight: 30
@ -14,6 +14,7 @@ Singleton {
property bool floating: false
property double opacity: 1.0
property string primaryMon: "eDP-1"
property string wallDir: "file://" + Quickshell.env("HOME") + "/.walls"
Settings {
location: Qt.resolvedUrl("file:///home/lucy/.config/quickshell/settings/settings.ini")
@ -25,5 +26,6 @@ Singleton {
property alias opacity: root.opacity
property alias primaryMon: root.primaryMon
property alias floating: root.floating
property alias wallDir: root.wallDir
}
}

1
shell.qml
View file

@ -12,4 +12,5 @@ ShellRoot {
Ipc {}
Wallpaper {}
NotiPopup {}
WallpaperPicker {}
}

2
widgets/MaterialIcon.qml
View file

@ -4,7 +4,7 @@ import QtQuick
Text {
font.family: "Material Symbols Rounded"
color: Colors.base07
color: Colors.base05
font.pixelSize: Config.iconSize
property bool fill: true
renderType: Text.NativeRendering

2
widgets/StyledText.qml
View file

@ -5,5 +5,5 @@ import qs.settings
Text {
font.family: Config.font
font.pixelSize: Config.fontSize
color: Colors.base07
color: Colors.base05
}