Add eco mode

Author: charlesrocket

.config/quickshell/TopBar.qml

@@ -44,12 +44,23 @@ PanelWindow {
     property int extraPadding: 16
     property int animDuration: 250
 
+    property bool ecoMode: false
+
     implicitWidth: screen.width - extraPadding
     implicitHeight: barHeight + extraPadding / 2
 
     anchors.top: true
     color: "transparent"
 
+    IpcHandler {
+        target: "bar"
+
+        function setEcoMode(eco: bool): void {
+            root.ecoMode = eco;
+        }
+
+    }
+
     GlobalShortcut {
         name: "volume-up"
         onPressed: {
@@ -162,15 +173,22 @@ PanelWindow {
                 }
 
                 // system stats
-                Stats {
-                    fontSize: root.fontSize
-                    colBar: root.colDark
-                    colCpu: root.colFg
-                    colMem: root.colFg
-                    colDisk: root.colFg
+                Loader {
+                    active: !root.ecoMode
+                    asynchronous: true
+
+                    sourceComponent: Stats {
+                        fontSize: root.fontSize
+                        colBar: root.colDark
+                        colCpu: root.colFg
+                        colMem: root.colFg
+                        colDisk: root.colFg
+                    }
                 }
 
-                BarSeparator {}
+                BarSeparator {
+                    visible: !root.ecoMode
+                }
 
                 // audio
                 RowLayout {
@@ -216,6 +234,7 @@ PanelWindow {
 
                 // comms
                 Network {
+                    ecoMode: root.ecoMode
                     colFg: root.colFg
                     fontSize: root.fontSize
                 }

.config/quickshell/components/Clock.qml

@@ -11,8 +11,10 @@ Item {
     property int slideDuration: 250
     property color colMain: "#b0b4bc"
     property color colBtn: "#cc0000"
+    property color colGreen: "#9ece6a"
     property string fontFamily: "FiraCode Nerd Font"
     property int fontSize: 14
+    property bool ecoMode: false
 
     implicitWidth: (hoverDetector.containsMouse ? dateContainer.width + 8 : 0) + clockText.width
     implicitHeight: clockText.height
@@ -35,6 +37,12 @@ Item {
         Component.onCompleted: running = false
     }
 
+    Process {
+        id: lowpowerProc
+        command: ["lowpowermode", root.ecoMode ? 1 : 0]
+        Component.onCompleted: running = false
+    }
+
     RowLayout {
         id: dateContainer
         anchors.right: clockContainer.left
@@ -79,11 +87,40 @@ Item {
             }
         }
 
+        Text {
+            id: ecoBtn
+            text: root.ecoMode ? "󰌪" : "󱋙"
+            color: root.ecoMode ? root.colGreen : root.colMain
+            Layout.bottomMargin: 2
+
+            font {
+                family: "Symbols Nerd Font"
+                pixelSize: root.fontSize + 1
+                bold: true
+            }
+
+            Behavior on color {
+                ColorAnimation {
+                    duration: 250
+                    easing.type: Easing.OutCubic
+                }
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    root.ecoMode = !root.ecoMode;
+                    lowpowerProc.running = true;
+                }
+            }
+        }
+
         Text {
             id: powerBtn
             text: ""
             color: root.colBtn
             Layout.bottomMargin: 2
+
             font {
                 family: "Symbols Nerd Font"
                 pixelSize: root.fontSize + 1

.config/quickshell/components/Network.qml

@@ -12,8 +12,12 @@ Item {
     property color colYellow: "#ffd700"
     property color colCyan: "#0db9d7"
     property color colOffline: "#cc0000"
-    property color colOnline: root.isOnline ? root.colFg : root.colOffline
+    property color colMuted: "#aa4e4e4e"
+
     property bool isOnline: false
+    property bool ecoMode: false
+
+    property color colOnline: root.ecoMode ? root.colMuted : root.isOnline ? root.colFg : root.colOffline
 
     readonly property var devicesList: Networking.devices.values
     readonly property string uplinkIcon: hasActiveVpn ? "" : ""
@@ -91,8 +95,8 @@ Item {
 
     Process {
         id: onlineCheck
-        command: ["host", "-W", "5", "8.8.8.8"]
-        running: true
+        command: ["host", "-W", "1", "8.8.8.8"]
+        running: !root.ecoMode
 
         onExited: (exitCode, exitStatus) => {
             var randomValue = Math.floor(Math.random() * (1000 - 5000) + 5000);
@@ -104,7 +108,7 @@ Item {
 
     Timer {
         id: tmr
-        interval: 2000
+        running: !root.ecoMode
         onTriggered: {
             onlineCheck.running = true;
         }
@@ -116,9 +120,12 @@ Item {
         spacing: 6
 
         Text {
-            id: ifIcon
+            id: onlineIcon
             text: root.uplinkIcon
-            color: root.isOnline ? root.colFg : root.colOffline
+
+            property bool isHovered: false
+
+            color: isHovered ? root.colCyan : root.colOnline
             font.family: "Symbols Nerd Font"
             font.pixelSize: root.fontSize
 
@@ -134,11 +141,11 @@ Item {
                 hoverEnabled: true
 
                 onEntered: {
-                    ifIcon.color = root.colCyan;
+                    onlineIcon.isHovered = true;
                 }
 
                 onExited: {
-                    ifIcon.color = root.colOnline;
+                    onlineIcon.isHovered = false;
                 }
 
                 onClicked: {

bin/lowpowermode

@@ -1,19 +1,15 @@
 #!/bin/sh
 # Toggle low power mode
 
-bar=$(pgrep -l quickshell)
-
 if [ "$1" = 0 ]; then
 	STATUS="disabled"
-	if test -z "${bar}"; then
-		quickshell -d
-	fi
 
+	quickshell ipc call bar setEcoMode false
 	hyprctl reload --quiet
 	notify-send -u low "LOW POWER MODE" "OFF" --icon=battery-full-symbolic
 elif [ "$1" = 1 ]; then
 	STATUS="enabled"
-	quickshell kill
+	quickshell ipc call bar setEcoMode true
 	hyprctl --quiet --batch "\
 		keyword animations:enabled false;\
 		keyword decoration:blur:enabled false;\