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

add animation to ws

Browse source
This commit is contained in:
lucy 2026-05-18 23:30:45 +02:00
commit 05413904df
2 changed files with 26 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

32
Colors.qml
View file

@ -3,24 +3,24 @@ import QtQuick
QtObject {
// --- The Backgrounds (Darkest to Lightest) ---
readonly property color base00: "#1d2021" // Default Background
readonly property color base01: "#3c3836" // Lighter Background (Status bars, panels)
readonly property color base02: "#504945" // Selection Background
readonly property color base03: "#665c54" // Comments, Invisibles, line highlighting
readonly property color base00: "#1c2023" // Default Background
readonly property color base01: "#393f45" // Lighter Background (Status bars, panels)
readonly property color base02: "#565e65" // Selection Background
readonly property color base03: "#747c84" // Comments, Invisibles, line highlighting
// --- The Foregrounds (Darkest to Lightest) ---
readonly property color base04: "#bdae93" // Dark Foreground (Used for status bars)
readonly property color base05: "#d5c4a1" // Default Foreground, Caret
readonly property color base06: "#ebdbb2" // Light Foreground (Rarely used)
readonly property color base07: "#fbf1c7" // Lightest Foreground
readonly property color base04: "#adb3ba" // Dark Foreground (Used for status bars)
readonly property color base05: "#c7ccd1" // Default Foreground, Caret
readonly property color base06: "#dfe2e5" // Light Foreground (Rarely used)
readonly property color base07: "#f3f4f5" // Lightest Foreground
// --- The Accent Colors ---
readonly property color base08: "#fb4934" // Red (Variables, errors)
readonly property color base09: "#fe8019" // Orange (Integers, booleans, constants)
readonly property color base0A: "#fabd2f" // Yellow (Classes, search text bg, warnings)
readonly property color base0B: "#b8bb26" // Green (Strings, success states)
readonly property color base0C: "#8ec07c" // Cyan (Support, regex, escape chars)
readonly property color base0D: "#83a598" // Blue (Functions, methods, headings)
readonly property color base0E: "#d3869b" // Purple/Mauve (Keywords, storage, selectors)
readonly property color base0F: "#d65d0e" // Brown/Flamingo (Deprecated, embedded tags)
readonly property color base08: "#c7ae95" // Red (Variables, errors)
readonly property color base09: "#c7c795" // Orange (Integers, booleans, constants)
readonly property color base0A: "#aec795" // Yellow (Classes, search text bg, warnings)
readonly property color base0B: "#95c7ae" // Green (Strings, success states)
readonly property color base0C: "#95aec7" // Cyan (Support, regex, escape chars)
readonly property color base0D: "#ae95c7" // Blue (Functions, methods, headings)
readonly property color base0E: "#c795ae" // Purple/Mauve (Keywords, storage, selectors)
readonly property color base0F: "#c79595" // Brown/Flamingo (Deprecated, embedded tags)
}

12
modules/bar/Ws.qml
View file

@ -15,7 +15,7 @@ Rectangle {
property HyprlandMonitor hyprBarScreen: Hyprland.monitorFor(root.barScreen)
radius: Config.rounding
color: Colors.base01
implicitWidth: wsLayout.implicitWidth
implicitWidth: wsLayout.implicitWidth
implicitHeight: moduleHeight
RowLayout {
@ -31,7 +31,7 @@ Rectangle {
id: wsWrapper
anchors.verticalCenter: parent.verticalCenter
implicitHeight: root.moduleHeight - 4
implicitWidth: modelData.active ? 48 : 32
implicitWidth: modelData.active ? 48 : 24
parent: wsLayout
color: modelData.active ? Colors.base0D : Colors.base01
radius: Config.rounding
@ -42,6 +42,14 @@ Rectangle {
text: wsWrapper.modelData.id
color: parent.modelData.active ? Colors.base00 : Colors.base07
}
Behavior on implicitWidth {
NumberAnimation {
easing.type: Easing.InOutBack
easing.amplitude: 2
duration: 400
easing.overshoot: 2
}
}
MouseArea {
id: clickHandler
anchors.fill: parent