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
implicitHeight: moduleHeight
implicitWidth: titleLayout.width + 32
color: Colors.base01
color: Colors.base02
radius: Config.rounding
RowLayout {
id: titleLayout

View file

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

View file

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

View file

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

View file

@ -8,7 +8,7 @@ import qs.settings
Rectangle {
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 bool mute: Pipewire.ready ? defaultAudio?.audio.muted : null
radius: Config.rounding

View file

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

View file

@ -15,13 +15,15 @@ Rectangle {
id: main
required property real moduleHeight
required property int screenHeight
color: Colors.base01
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