@@ -5,6 +5,8 @@ - [WIP] Application launcher
  - ...And maybe more
 
 ## TODO
+- scaling: 
+  - make size changes through native function rather than variable changes
 Additions:
   - Battery
     - Device blacklist

@@ -7,28 +7,33 @@
 Singleton {
   id: root
   property var palette: {
-    "fg": "#afd2e9",
-    "bg": "#3b3228",
-    "bg95": "#43392d",
-    "bg75": "#4c4134",
-    "altbg": "#5d4f40",
-    "bg25": "#6b6055",
-    "sand": "#c1a387",
-    "scarlet": "#e86045",
-    "moss": "#92a650",
-    "celadon": "#ace1af",
-    "orange": "#e68d53",
-    "saffron": "#f8e2a0",
-    "cyan": "#3eccbe",
-    "grey": "#868686"
+    "fg":       "#afd2e9",
+    "bg":       "#3b3228",
+    "bg95":     "#43392d",
+    "bg75":     "#4c4134",
+    "altbg":    "#5d4f40",
+    "bg25":     "#6b6055",
+    "sand":     "#c1a387",
+    "scarlet":  "#e86045",
+    "moss":     "#92a650",
+    "celadon":  "#ace1af",
+    "orange":   "#e68d53",
+    "saffron":  "#f8e2a0",
+    "cyan":     "#3eccbe",
+    "grey":     "#868686"
   }
   property var fontsize: {
-    "topbar_text": 16,
-    "topbar_icon": 14,
-    "workspace_icon": 10,
-    "bottombar_text": 10,
-    "bottombar_icon": 10,
-    "moonphase": 24,
+    "topbar_text":    16*Size.scale,
+    "topbar_icon":    12*Size.scale,
+    "workspace_icon": 10*Size.scale,
+    "bottombar_text": 10*Size.scale,
+    "bottombar_sep":  16*Size.scale,
+    "bottombar_icon": 10*Size.scale,
+    "moonphase":      24*Size.scale,
+  }
+  property var barsize: {
+    "topbar":     18*Size.scale,
+    "bottombar":  12*Size.scale,
   }
 }
 

@@ -0,0 +1,13 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+import Quickshell.Io
+
+Singleton {
+  id: root
+  property var scale: 1
+  IpcHandler {
+    target: "panel"
+    function scale(scale: real): void { root.scale = scale; }
+  }
+}

@@ -27,6 +27,7 @@ Module.Battery{}
     }
     BottombarLeft{
       Module.Network{}
+      Module.Scale{}
     }
   }
 }

@@ -1,4 +1,3 @@
-// BottomBar.qml
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
@@ -15,6 +14,6 @@ margins {
     left: 8
     right:8
   }
-  implicitHeight: 12
+  implicitHeight: Resources.barsize.bottombar
   color: Resources.palette.bg
 }

@@ -17,6 +17,7 @@ right:8
     top: 0
     bottom: 0
   }
-  height: 24
+  height: Resources.barsize.topbar
+  // height: 24
   color: Resources.palette.bg
 }

@@ -8,4 +8,6 @@ BottombarText {
   id: separator
   text: "|"
   color: Resources.palette.sand
+  anchors.verticalCenter : parent
+  font.pixelSize: Resources.fontsize.bottombar_sep
 }

@@ -8,6 +8,7 @@
 Text {
   font.pixelSize: Resources.fontsize.bottombar_text
   color: Resources.palette.fg
+  anchors.verticalCenter : parent
   // font.family: font_proggy.name
   // renderType: Text.NativeRendering
 

@@ -9,4 +9,5 @@ id: separator
   text: "|"
   color: Resources.palette.sand
   padding: 0
+  anchors.verticalCenter : parent
 }

@@ -9,4 +9,5 @@ Text {
   font.pixelSize: Resources.fontsize.topbar_icon
   color: Resources.palette.orange
   font.family: font_icon.name
+  anchors.verticalCenter: verticalCenter
 }

@@ -9,6 +9,5 @@ Text {
   font.pixelSize: Resources.fontsize.topbar_text
   font.family: font_proggy.name
   color: Resources.palette.fg
-  antialiasing: true
   renderType: Text.NativeRendering
 }

@@ -43,7 +43,7 @@ }[device_type]
             ?? modelData.model
       font.pixelSize:
         (device_type == "Gaming Input")
-        ? 14
+        ? 14*Size.scale
         : Resources.fontsize.bottombar_icon
       color:
         modelData.model == "Jupiter of the Monkey"

@@ -0,0 +1,20 @@
+//Scale.qml
+import QtQuick
+import Quickshell
+import QtQuick.Layouts
+import Quickshell.Services.UPower
+import "../.."
+import "../classes" as Class
+
+RowLayout {
+  spacing: 2
+  Class.BotSep {
+  color: Resources.palette.grey
+}
+  Class.BottombarIcon {
+    text: " "+Size.scale
+    color: Resources.palette.grey
+    font.family: font_jetbrains.name
+    anchors.centerIn: parent
+  }
+}

@@ -1,4 +1,3 @@
-//@ pragma Env QT_QPA_PLATFORM=wayland
 //@ pragma Env QT_QPA_PLATFORM=wayland
 import Quickshell
 import Quickshell.Io
@@ -6,7 +5,6 @@ import QtQuick
 import ".."
 import "bar"
 import "animation"
-import "lockscreen"
 
 Scope {
   FontLoader {