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

add ability to change colors quickly

Browse source
This commit is contained in:
lucy 2026-08-03 23:48:49 +02:00
commit 0d01bffaff
12 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

5
Colors.qml
View file

@ -8,6 +8,11 @@ Singleton {
id: root id: root
// --- The Backgrounds (Darkest to Lightest) --- // --- The Backgrounds (Darkest to Lightest) ---
readonly property color accent: base0D
readonly property color barBg: base00
readonly property color moduleBg: base02
readonly property color activeModuleBg: base03
readonly property color text: base07
readonly property color base00: "#" + viewer.base00 readonly property color base00: "#" + viewer.base00
readonly property color base01: "#" + viewer.base01 readonly property color base01: "#" + viewer.base01
readonly property color base02: "#" + viewer.base02 readonly property color base02: "#" + viewer.base02

2
modules/bar/ActiveWindow.qml
View file

@ -23,7 +23,7 @@ Rectangle {
} }
implicitHeight: moduleHeight implicitHeight: moduleHeight
implicitWidth: titleLayout.width + 32 implicitWidth: titleLayout.width + 32
color: Colors.base02 color: Colors.moduleBg
radius: Config.rounding radius: Config.rounding
RowLayout { RowLayout {
id: titleLayout id: titleLayout

2
modules/bar/Bar.qml
View file

@ -30,7 +30,7 @@ Variants {
Rectangle { Rectangle {
id: container id: container
radius: Config.floating ? Config.rounding : 0 radius: Config.floating ? Config.rounding : 0
color: Qt.rgba(Colors.base00.r, Colors.base00.g, Colors.base00.b, Config.opacity) color: Qt.rgba(Colors.barBg.r, Colors.barBg.g, Colors.barBg.b, Config.opacity)
anchors.fill: parent anchors.fill: parent
RowLayout { RowLayout {
id: leftLayout id: leftLayout

2
modules/bar/Bat.qml
View file

@ -19,7 +19,7 @@ Rectangle {
shadowColor: "#020202" shadowColor: "#020202"
} }
clip: true clip: true
color: Colors.base02 color: Colors.moduleBg
visible: UPower.displayDevice.isLaptopBattery visible: UPower.displayDevice.isLaptopBattery
property double percent: UPower.displayDevice.percentage * 100 property double percent: UPower.displayDevice.percentage * 100
property bool hasBattery: UPower.displayDevice.isLaptopBattery property bool hasBattery: UPower.displayDevice.isLaptopBattery

2
modules/bar/Clock.qml
View file

@ -22,7 +22,7 @@ Rectangle {
required property double moduleHeight required property double moduleHeight
implicitHeight: moduleHeight implicitHeight: moduleHeight
implicitWidth: clockText.implicitWidth + 32 implicitWidth: clockText.implicitWidth + 32
color: Colors.base02 color: Colors.moduleBg
radius: Config.rounding radius: Config.rounding
SystemClock { SystemClock {
id: clock id: clock

2
modules/bar/Mpris.qml
View file

@ -31,7 +31,7 @@ Rectangle {
} }
visible: spotify !== null && spotify.playbackState === MprisPlaybackState.Playing visible: spotify !== null && spotify.playbackState === MprisPlaybackState.Playing
clip: true clip: true
color: Colors.base02 color: Colors.moduleBg
radius: Config.rounding radius: Config.rounding
RowLayout { RowLayout {
id: songLayout id: songLayout

2
modules/bar/Pw.qml
View file

@ -20,7 +20,7 @@ Rectangle {
shadowOpacity: 0.5 shadowOpacity: 0.5
shadowColor: "#020202" shadowColor: "#020202"
} }
color: clickHandler.containsMouse ? Colors.base03 : Colors.base02 color: clickHandler.containsMouse ? Colors.activeModuleBg : Colors.moduleBg
property PwNode defaultAudio: Pipewire.ready ? Pipewire.defaultAudioSink : null property PwNode defaultAudio: Pipewire.ready ? Pipewire.defaultAudioSink : null
property bool mute: Pipewire.ready ? defaultAudio?.audio.muted : null property bool mute: Pipewire.ready ? defaultAudio?.audio.muted : null
radius: Config.rounding radius: Config.rounding

2
modules/bar/Tray.qml
View file

@ -25,7 +25,7 @@ Rectangle {
required property double moduleHeight required property double moduleHeight
implicitHeight: moduleHeight implicitHeight: moduleHeight
implicitWidth: iconlayout.width + 16 implicitWidth: iconlayout.width + 16
color: Colors.base02 color: Colors.moduleBg
radius: Config.rounding radius: Config.rounding
RowLayout { RowLayout {

5
modules/bar/Ws.qml
View file

@ -42,9 +42,8 @@ Rectangle {
id: wsName id: wsName
anchors.centerIn: parent anchors.centerIn: parent
text: wsWrapper.modelData.name text: wsWrapper.modelData.name
color: wsWrapper.active ? Colors.base0D : Colors.base04 color: wsWrapper.active ? Colors.base0D : Colors.activeModuleBg
opacity: wsWrapper.active ? 1.0 : 0.4 font.bold: true
font.bold: wsWrapper.active
} }
MouseArea { MouseArea {
id: clickHandler id: clickHandler

2
modules/wallpaper/WallpaperPicker.qml
View file

@ -26,7 +26,7 @@ Rectangle {
} }
required property real moduleHeight required property real moduleHeight
required property int screenHeight required property int screenHeight
color: Colors.base02 color: Colors.moduleBg
radius: Config.rounding radius: Config.rounding
implicitWidth: moduleHeight implicitWidth: moduleHeight
implicitHeight: moduleHeight implicitHeight: moduleHeight

2
widgets/MaterialIcon.qml
View file

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

2
widgets/StyledText.qml
View file

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