Made the bar scaling relative and ia a config file

modules/bar/widgets/IdleButton.qml

@@ -3,6 +3,7 @@ import Quickshell
 import Quickshell.Hyprland
 import Quickshell.Io
 import "../../../colors"
+import "../../../config"
 import "../states/Idle" as Global
 
 MouseArea {
@@ -19,8 +20,8 @@ MouseArea {
     Rectangle {
         anchors.fill: parent
         color: idleButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
-        radius: 6
-        border.width: 2
+        radius: Config.radius
+        border.width: Config.border_width
         border.color: idleButton.containsMouse ? Colors.tertiaryContainer_fg
             : Colors.secondaryContainer_fg
 
@@ -51,8 +52,8 @@ MouseArea {
             id: idleText
             anchors.centerIn: parent
             text: Global.IdleState.idle ? "" : ""
-            font.pixelSize: 26
-            font.family: "Nerd Font"
+            font.pixelSize: Config.big_font_size(bar.height)
+            font.family: Config.font
             color: idleButton.containsMouse ? Colors.tertiary_fg : idleText.text == "" ? Colors.primary : Colors.tertiary
         }
     }