use lighter bg for bar modules

This commit is contained in:
lucy 2026-07-27 00:37:33 +02:00
commit 6f1ed99e24
7 changed files with 9 additions and 9 deletions

View file

@ -11,7 +11,7 @@ Rectangle {
required property double moduleHeight required property double moduleHeight
implicitHeight: moduleHeight implicitHeight: moduleHeight
implicitWidth: titleLayout.width + 32 implicitWidth: titleLayout.width + 32
color: Colors.base01 color: Colors.base02
radius: Config.rounding radius: Config.rounding
RowLayout { RowLayout {
id: titleLayout id: titleLayout

View file

@ -1,4 +1,3 @@
import Quickshell.Widgets
import Quickshell.Services.UPower import Quickshell.Services.UPower
import QtQuick import QtQuick
import QtQuick.Layouts import QtQuick.Layouts
@ -9,7 +8,7 @@ import qs.settings
Rectangle { Rectangle {
id: root id: root
clip: true clip: true
color: Colors.base01 color: Colors.base02
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

View file

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

View file

@ -1,5 +1,4 @@
import Quickshell.Services.Mpris import Quickshell.Services.Mpris
import Quickshell.Widgets
import QtQuick import QtQuick
import QtQuick.Layouts import QtQuick.Layouts
import qs import qs
@ -20,7 +19,7 @@ Rectangle {
} }
visible: spotify !== null && spotify.playbackState === MprisPlaybackState.Playing visible: spotify !== null && spotify.playbackState === MprisPlaybackState.Playing
clip: true clip: true
color: Colors.base01 color: Colors.base02
radius: Config.rounding radius: Config.rounding
RowLayout { RowLayout {
id: songLayout id: songLayout

View file

@ -8,7 +8,7 @@ import qs.settings
Rectangle { Rectangle {
id: root id: root
color: clickHandler.containsMouse ? Colors.base02 : Colors.base01 color: clickHandler.containsMouse ? Colors.base03 : Colors.base02
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

View file

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

View file

@ -15,13 +15,15 @@ Rectangle {
id: main id: main
required property real moduleHeight required property real moduleHeight
required property int screenHeight required property int screenHeight
color: Colors.base01 color: Colors.base02
radius: Config.rounding radius: Config.rounding
implicitWidth: moduleHeight implicitWidth: moduleHeight
implicitHeight: moduleHeight implicitHeight: moduleHeight
MaterialIcon { MaterialIcon {
anchors.centerIn: main anchors.centerIn: main
text: "\ue1bc" text: "\ue1bc"
font.pixelSize: 16
font.bold: true
} }
MouseArea { MouseArea {
id: clickHandler id: clickHandler