new quickshell bar and hyprland conf

fastfetch/config.jsonc

@@ -72,7 +72,8 @@
     {
             "type": "disk",
             "format": "{1} {3}",
-            "key": "   ╰─ 󰋊 ",
+            "key": "   ├─ 󰋊 ",
+            "format": "{1} {3}",
             "keyColor": "35",
     },
     "break",

hypr/hyprland.conf

@@ -59,13 +59,13 @@ env = HYPRCURSOR_SIZE,24
 
 # https://wiki.hypr.land/Configuring/Variables/#general
 general {
-    gaps_in = 0
+    gaps_in = 10
-    gaps_out = 0
+    gaps_out = 20
 
-    border_size = 0
+    border_size = 4
 
     # https://wiki.hypr.land/Configuring/Variables/#variable-types for info about colors
-    col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg
+    col.active_border = rgba(00ff76d4) rgba(00ff76d4) 45deg
     col.inactive_border = rgba(595959aa)
 
     # Set to true enable resizing windows by clicking and dragging on borders and gaps
@@ -105,7 +105,7 @@ decoration {
 
 # https://wiki.hypr.land/Configuring/Variables/#animations
 animations {
-    enabled = yes
+    enabled = no
     # Default curves, see https://wiki.hypr.land/Configuring/Animations/#curves
     #        NAME,           X0,   Y0,   X1,   Y1
     bezier = easeOutQuint,   0.23, 1,    0.32, 1
@@ -116,22 +116,22 @@ animations {
 
     # Default animations, see https://wiki.hypr.land/Configuring/Animations/
     #           NAME,          ONOFF, SPEED, CURVE,        [STYLE]
-    animation = global,        1,     10,    default
+    animation = global,        1,     1,    default
     animation = border,        1,     5.39,  easeOutQuint
     animation = windows,       1,     4.79,  easeOutQuint
     animation = windowsIn,     1,     4.1,   easeOutQuint, popin 87%
-    animation = windowsOut,    1,     1.49,  linear,       popin 87%
+    animation = windowsOut,    1,     10,  linear,       popin 87%
-    animation = fadeIn,        1,     1.73,  almostLinear
+    animation = fadeIn,        1,     10,  almostLinear
-    animation = fadeOut,       1,     1.46,  almostLinear
+    animation = fadeOut,       1,     2,  almostLinear
-    animation = fade,          1,     3.03,  quick
+    animation = fade,          1,     3,  quick
-    animation = layers,        1,     3.81,  easeOutQuint
+    animation = layers,        1,     4,  easeOutQuint
     animation = layersIn,      1,     4,     easeOutQuint, fade
     animation = layersOut,     1,     1.5,   linear,       fade
-    animation = fadeLayersIn,  1,     1.79,  almostLinear
+    animation = fadeLayersIn,  1,     2,  almostLinear
-    animation = fadeLayersOut, 1,     1.39,  almostLinear
+    animation = fadeLayersOut, 1,     1,  almostLinear
-    animation = workspaces,    1,     1.94,  almostLinear, fade
+    animation = workspaces,    0,     1,  almostLinear, fade
-    animation = workspacesIn,  1,     1.21,  almostLinear, fade
+    animation = workspacesIn,  0,     1,  almostLinear, fade
-    animation = workspacesOut, 1,     1.94,  almostLinear, fade
+    animation = workspacesOut, 0,     1,  almostLinear, fade
     animation = zoomFactor,    1,     7,     quick
 }
 
@@ -229,6 +229,8 @@ bind = SUPER SHIFT, left,  movetoworkspacesilent, e-1
 # If you still want movefocus, use different keys:
 bind = SUPER ALT, right, movefocus, r
 bind = SUPER ALT, left,  movefocus, l
+bind = ALT, right, movefocus, r
+bind = ALT, left,  movefocus, l
 
 
 # Example special workspace (scratchpad)

quickshell/ClockWidget.qml

@@ -8,16 +8,16 @@ Rectangle {
 
     property bool showDate: false
 
-    implicitWidth:  lbl.implicitWidth + 16
+    implicitWidth:  lbl.implicitWidth + 32
-    implicitHeight: 22
+    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
-
+            margins { left: 20; right: 20; top: 10; bottom: 0 }  // explicit zero
-            color: '#1c1d20'
+            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.leftMargin: 16
-                anchors.rightMargin: 8
+                anchors.rightMargin: 16
+
+
 
                 // LEFT – workspaces (native Hyprland model, filtered per screen)
                 Item {
+                    
                     Layout.fillWidth: true
                     Layout.fillHeight: true