Added Color via matugen

modules/bar/widgets/PowerButton.qml

@@ -2,17 +2,18 @@ import QtQuick
 import Quickshell
 import Quickshell.Hyprland
 import Quickshell.Io
+import "../../../colors"
 
 MouseArea {
     id: powerButton
-    width: 30
+    width: powerText.width + 16
     height: bar.height
     hoverEnabled: true
     cursorShape: Qt.PointingHandCursor
     
     Rectangle {
         anchors.fill: parent
-        color: powerButton.containsMouse ? "#2a2a2a" : "transparent"
+        color: powerButton.containsMouse ? Colors.secondaryContainer_fg : Qt.alpha(Colors.secondary, 0.5)
         radius: 6
 
         Item {
@@ -37,11 +38,12 @@ MouseArea {
         }
 
         Text {
+            id: powerText
             anchors.centerIn: parent
             text: ""
             font.pixelSize: 26
             font.family: "Nerd Font"
-            color: "#ffffff"
+            color:powerButton.containsMouse ? Colors.secondaryContainer : Colors.secondary_fg
         }
     }
 }