new quickshell bar and hyprland conf

quickshell/ClockWidget.qml

@@ -8,16 +8,16 @@ Rectangle {
 
     property bool showDate: false
 
-    implicitWidth:  lbl.implicitWidth + 16
-    implicitHeight: 22
+    implicitWidth:  lbl.implicitWidth + 32
+    implicitHeight: 36
     radius: 4
-    color: "#313244"
-
+    //color: '#3b8ab4'
+    color: '#ad5190'
     Text {
         id: lbl
         anchors.centerIn: parent
         text: root.showDate ? root.clockDate : root.clockTime
-        color: "#cdd6f4"
+        color: '#ffffff'
         font.pixelSize: 12
         font.family: "monospace"
     }

quickshell/shell.qml

@@ -11,6 +11,7 @@ import QtQuick.Layouts
 ShellRoot {
     id: root
 
+
     // ── Global polled data ───────────────────
     property string clockTime: ""
     property string clockDate: ""
@@ -107,18 +108,20 @@ ShellRoot {
     Variants {
         model: Quickshell.screens
 
-
         PanelWindow {
             id: bar
             required property var modelData
             screen: modelData
-
-            color: '#1c1d20'
+            margins { left: 20; right: 20; top: 10; bottom: 0 }  // explicit zero
+            color: '#ad5190'
+            
 
             anchors { top: true; left: true; right: true }
-            implicitHeight: 30
-            exclusiveZone: implicitHeight   // reserve space (replaces :exclusive true)
-
+            
+            // asumes 20 gap from hyprland, this will reduce 10 from the shown bottom
+            implicitHeight: 38
+            exclusiveZone: implicitHeight-10   // reserve space (replaces :exclusive true)
+            
 
             // Which screen slot is this? (0 = primary → ws 1–5, 1 = secondary → ws 6–10)
             property int screenIndex: {
@@ -137,11 +140,14 @@ ShellRoot {
             RowLayout {
                 anchors.fill: parent
                 spacing: 0
-                anchors.leftMargin: 8
-                anchors.rightMargin: 8
+                anchors.leftMargin: 16
+                anchors.rightMargin: 16
+
+
 
                 // LEFT – workspaces (native Hyprland model, filtered per screen)
                 Item {
+                    
                     Layout.fillWidth: true
                     Layout.fillHeight: true