diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 97859b9..4633e08 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -1,6 +1,7 @@
 * {
   all: unset; // Unsets everything so you can style everything from scratch
-/*  font-family: FontAwesome, Overpass;*/
+
+/*  font-family: FontAwesome, Overpass; */
   font-family: PogmomIcons, Overpass Nerd Font Propo;
 }
 
@@ -12,31 +13,33 @@ $bar-module-bg-color: rgba($color5,0.8);
 $bar-module-fg-color: rgba($color0,0.8);
 $bar-module-inactive-fg-color: rgba($color0,0.4);
 $bar-module-active-fg-color: rgba($color13,0.9);
-//$bar-active-bg-color: rgba($color1,0.5);
-//$bar-active-fg-color: $color1;
-//$bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
+// $bar-active-bg-color: rgba($color1,0.5);
+// $bar-active-fg-color: $color1;
+// $bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
 $bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($color8,0.6),1px -1px 4px rgba($color8,0.6),-1px -1px 4px rgba($color8,0.6);
 $bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45);
 $bar-hover-bg-color: rgba($color1,0.5);
 $bar-hover-fg-color: rgba($color13,0.6);
 $bar-module-border-radius: 8px;
 
+@import "./style/bar.scss";
+
 // Global Styles
 .bar {
-  font-size: 1.05em;
-  padding: 10px 0px 0px;
-  margin: 0px 15px;
+//  font-size: 1.05em;
+//  padding: 10px 0px 0px;
+//  margin: 0px 15px;
 
-//bar groups
-.leftgroup,
+// bar groups
+/*.leftgroup,
 .centergroup,
 .rightgroup {
   background-color: $bar-bg-color;
   border-radius: $bar-module-border-radius;
-}
+}*/
 
 //group modules
-.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
+/*.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
 .leftgroup>button,
 .centergroup>*,
 .rightgroup>*:not(.revealer-on-hover) {
@@ -45,9 +48,9 @@ $bar-module-border-radius: 8px;
   border: 1px solid $bar-module-fg-color;
   background-color: $bar-module-bg-color;
   padding: 0px 10px;
-}
+}*/
 
-.revealer-on-hover {
+/*.revealer-on-hover {
   margin: 5px;
   min-width: $bar-module-width;
   background-color: $bar-module-bg-color;
@@ -58,8 +61,9 @@ $bar-module-border-radius: 8px;
   .reveal_children label {
     padding: 0px 5px;
   }
-}
-.workspaces>button {
+}*/
+/*.workspaces>revealer>box>box>button,
+.workspaces>box>box>button {
   margin: 5px 0px;
   background-color: $bar-module-bg-color;
   border: 1px solid $bar-module-fg-color;
@@ -68,17 +72,17 @@ $bar-module-border-radius: 8px;
     padding: 0px 5px;
     margin-right: -10px;
   }
-}
-.workspace-number {
+}*/
+/*.workspace-number {
   margin: 0px;
   margin-left: -5px;
   margin-top: -17px;
   padding: 0px;
   font-size: 0.6em;
-}
+}*/
 
 //value bars
-scale trough,
+/*scale trough,
 progressbar>trough {
   background-color: $color9;
   min-width: 50px;
@@ -106,8 +110,10 @@ circular-progress {
 .revealer-on-hover {
   color: $bar-module-fg-color;
   border-radius: $bar-module-border-radius;
-}
-.revealer-on-hover>widget>box>box>*,
+}*/
+
+
+/*.revealer-on-hover>widget>box>box>*,
 .revealer-on-hover>widget>box>box>button,
 .revealer-on-hover>widget>box>revealer>box>box>*,
 .reveal_children>*,
@@ -121,9 +127,9 @@ circular-progress {
 //    background-color: rgba($color1,0.5);
 //    border: 1px solid $bar-module-fg-color;
   }
-}
+}*/
 
-.reveal_children>button {
+/*.reveal_children>button {
   image {
     opacity: 0.4;
     transition: all 0.5s;
@@ -132,14 +138,14 @@ circular-progress {
   &:hover image {
     opacity: 1;
   }
-}
+}*/
 
-.reveal_children>box,
+/*.reveal_children>box,
 .reveal_children>widget,
 .reveal_children>button {
   border-left: 1px solid $bar-module-fg-color;
-}
-.rightgroup>label,
+}*/
+/*.rightgroup>label,
 .rightgroup>button {
 //.rightgroup .reveal_children>button,
 //.rightgroup>.revealer-on-hover>widget>box>box>button {
@@ -149,48 +155,49 @@ circular-progress {
   .inactive {
     color: $bar-module-inactive-fg-color
   }
-}
+}*/
 /*.leftgroup>.revealer-on-hover>widget>box>box>button {
   padding: 3px 4px;
   border-radius: $bar-module-border-radius;
 }*/
 
-.music {
-  color: $bar-module-fg-color;
-  background-color: $bar-module-bg-color;
-  border-radius: $bar-module-border-radius;
-}
-.rightgroup>label,
-.active_window{
+//.music {
+//  color: $bar-module-fg-color;
+//  background-color: $bar-module-bg-color;
+//  border-radius: $bar-module-border-radius;
+//}
+//.rightgroup>label,
+/*.active_window{
   color: $bar-module-fg-color;
   padding: 3px 4px;
   border-radius: $bar-module-border-radius;
-}
-label {
+}*/
+/*label {
   margin-top: 2px;
-}
-.workspaces,
-.profile {
+}*/
+//.workspaces,
+/*.profile {
   border-radius: $bar-module-border-radius;
-}
-.workspaces button,
-.leftgroup button {
+}*/
+//.workspaces button,
+/*.leftgroup button {
 //  background-color: $bar-module-bg-color;
 //  border-left: 1px solid $bar-module-fg-color;
+//  color:blue;
   color: $bar-module-fg-color;
   padding: 3px 4px;
   min-width: $bar-module-width;
   transition: color 0.3s, text-shadow 0.3s;
-}
-.workspaces button:hover,
-.rightgroup button:hover,
+}*/
+//.workspaces button:hover,
+/*.rightgroup button:hover,
 .leftgroup button:hover {
 //  text-shadow: 1px 1px 1px rgba($color2,1);
   text-shadow: $bar-module-hover-shadow;
   color: $bar-hover-fg-color;
 //  transition: all 0.2s;
-}
-.rightgroup {
+}*/
+/*.rightgroup {
   button {
     transition: all 0.3s;
     &.active:not(:hover) {
@@ -201,52 +208,55 @@ label {
       color: $bar-module-inactive-fg-color;
     }
   }
-}
-.workspaces .focused {
+}*/
+/*.workspaces .focused {
   color: $bar-module-active-fg-color;
   text-shadow: $bar-module-active-shadow;
-}
+}*/
 
-.workspaces button:first-child {
+//.workspaces button:first-child {
+//.workspaces:first-child {
 //.reveal_children>box:first-child,
 //.reveal_children>scale:first-child,
 //.reveal_children>progressbar:first-child,
 //.reveal_children>button:first-child,
 //.reveal_children>widget:first-child {
-  margin-left: 3px;
-  border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
+//  margin-left: 3px;
+//  border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
 //  border-left: 0px solid $bar-bg-color;
-}
+//}
 
 //.revealer-on-hover>widget>box>revealer>box>box>button {
-.rightgroup>.revealer-on-hover>widget>box>box>button,
+/*.rightgroup>.revealer-on-hover>widget>box>box>button,
 .leftgroup>.revealer-on-hover>widget>box>box>button {
   border-radius: 8px;
   &:hover {
     border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
 //    text-shadow: $bar-module-hover-shadow;
   }
-}
+}*/
 
-.workspaces button:last-child,
-.reveal_children>box:last-child,
+//.workspaces button:last-child,
+//.workspaces:last-child,
+/*.reveal_children>box:last-child,
 .reveal_children>scale:last-child,
 .reveal_children>progressbar:last-child,
 .reveal_children>button:last-child,
 .reveal_children>widget:last-child {
   border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
-}
-.workspaces button:only-child,
+}*/
+//.workspaces button:only-child,
+//.workspaces:only-child,
 //.reveal_children>box:only-child,
 //.reveal_children>scale:only-child,
 //.reveal_children>progressbar:only-child,
 //.reveal_children>button:only-child,
-.reveal_children>widget:only-child {
+/*.reveal_children>widget:only-child {
   border-radius:$bar-module-border-radius;  
-}
-.datetime {
+}*/
+/*.datetime {
   font-weight: bold;
-}
+}*/
 menu {
   color: $color9;
   background-color: rgba($color0,0.75);
@@ -293,6 +303,21 @@ $home-widget-border-hover-color: rgba($color5,0.3);
 
 .home {
   font-size: 0.95em;
+
+
+  &>box {
+//    padding: 10px;
+    margin: 3px 10px;
+//    background-color: black;
+//    color: blue;
+    &:first-child {
+      padding-top: 10px;
+    }
+    &:last-child {
+      padding-bottom: 10px;
+    }
+  }
+
 /*  > box {
     border-radius: $home-widget-border-radius;
     box-shadow: inset 0 0 0px 3px $home-widget-border-color;
@@ -365,9 +390,9 @@ $home-widget-border-hover-color: rgba($color5,0.3);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
-    margin: 0px 3px;
+//    margin: 0px 3px;
     border-radius: $home-widget-border-radius;
-    box-shadow: inset 0 0 0px 3px $home-widget-border-color;
+    box-shadow: inset 0 0 0px 3px $home-widget-border-color, 0px 0px 3px 3px $color0;
   }
   .weather {
 //    background-color: $home-widget-bg-color;
@@ -383,7 +408,7 @@ $home-widget-border-hover-color: rgba($color5,0.3);
     border: 3px solid $home-widget-border-color;
     border-radius: $home-widget-border-radius;
     background-color: $home-widget-bg-color;
-    box-shadow: 0px 0px 5px 5px $color0;
+    box-shadow: 0px 0px 3px 3px $color0;
 /*    &.revealer-closed {
       
     }*/
@@ -405,8 +430,9 @@ $home-widget-border-hover-color: rgba($color5,0.3);
   }
   .weather,
   .notes,
+  .shortcuts,
   .reminders {
-    border-top: 1px solid $home-widget-border-color;
+    border-top: 3px solid $home-widget-border-color;
   }
 //  .rat,
 //  .nowplayingart,
diff --git a/de/home/.config/eww/eww.yuck b/de/home/.config/eww/eww.yuck
index ee54dd2..cbf31cf 100644
--- a/de/home/.config/eww/eww.yuck
+++ b/de/home/.config/eww/eww.yuck
@@ -17,9 +17,10 @@
 (defwindow home
   :windowtype "normal"
   :exclusive true
-  :geometry (geometry :x "10px"
-    :y "10px"
-    :width "250px"
+  :geometry (geometry 
+;    :x "10px"
+    :y "30px"
+    :width "300px"
     :height "200px"
     :anchor "center left")
   :stacking "bottom"
diff --git a/de/home/.config/eww/modules/bar/battery.yuck b/de/home/.config/eww/modules/bar/battery.yuck
index 48e7e01..6527b9c 100644
--- a/de/home/.config/eww/modules/bar/battery.yuck
+++ b/de/home/.config/eww/modules/bar/battery.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_battery
     :revealvar-name "reveal_battery"
     (label
-      :class {(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? "active" : "" }
+      :class "revealer-preview {(EWW_BATTERY == '' || jq(EWW_BATTERY,'.[].status?','r') == 'Charging') ? 'active' : '' }"
 ;            :tooltip "${jq(EWW_BATTERY,'.[].capacity?')}%"
 ;      {(EWW_BATTERY == "") ? "" : `${(jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " ${jq(EWW_BATTERY,'.[].capacity?')}%" : " ${jq(EWW_BATTERY,'.[].capacity?')}%"}`})
       :text `${(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " " : "󰁹 "}${(EWW_BATTERY == "") ? "" : "${round(jq(EWW_BATTERY,'.[].capacity?'),0)}%"}`)
diff --git a/de/home/.config/eww/modules/bar/bluetooth.yuck b/de/home/.config/eww/modules/bar/bluetooth.yuck
index bc40586..3705cc2 100644
--- a/de/home/.config/eww/modules/bar/bluetooth.yuck
+++ b/de/home/.config/eww/modules/bar/bluetooth.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_bluetooth
     :revealvar-name "reveal_bluetooth"
     (button :onclick 'blueman-manager'
-            :class {matches(jq(bluetooth_status,'.[].connected'),'yes') ? "active" : "inactive"}
+            :class "revealer-preview {matches(jq(bluetooth_status,'.[].connected'),'yes') ? 'active' : 'inactive'}"
       "")
     (bluetooth_children :array bluetooth_status)))
 
diff --git a/de/home/.config/eww/modules/bar/network.yuck b/de/home/.config/eww/modules/bar/network.yuck
index f5c3aad..fd3f040 100644
--- a/de/home/.config/eww/modules/bar/network.yuck
+++ b/de/home/.config/eww/modules/bar/network.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_network
     :revealvar-name "reveal_network"
     (button :onclick 'nm-connection-editor'
-            :class {network_status.wifi || network_status.wired ? "active" : "inactive"}
+            :class {network_status.wifi || network_status.wired ? 'active' : 'inactive'}
       "󰇧")
     (network_children)))
 
diff --git a/de/home/.config/eww/modules/bar/scratchpad.yuck b/de/home/.config/eww/modules/bar/scratchpad.yuck
index 4747545..1e6e877 100644
--- a/de/home/.config/eww/modules/bar/scratchpad.yuck
+++ b/de/home/.config/eww/modules/bar/scratchpad.yuck
@@ -10,7 +10,7 @@
   'scripts/bar/scratchpad')
 (defwidget scratchpad_children [array]
   (box :orientation "h"
-       :class "reveal_children"
+       :class "reveal_children scratchpad"
        :space-evenly false
       (for entry in array
         (button :onclick 'swaymsg [con_id=${entry.win_id}] focus'
diff --git a/de/home/.config/eww/modules/bar/sysmem.yuck b/de/home/.config/eww/modules/bar/sysmem.yuck
index b42cd62..ad1f3d2 100644
--- a/de/home/.config/eww/modules/bar/sysmem.yuck
+++ b/de/home/.config/eww/modules/bar/sysmem.yuck
@@ -4,6 +4,7 @@
     :revealvar reveal_sysmem
     :revealvar-name "reveal_sysmem"
     (metric :label " "
+            :class "revealer-preview"
             :value {EWW_RAM.used_mem_perc})
     (sysmem_children)))
 
diff --git a/de/home/.config/eww/modules/bar/tray.yuck b/de/home/.config/eww/modules/bar/tray.yuck
index 3e02409..bf2d5be 100644
--- a/de/home/.config/eww/modules/bar/tray.yuck
+++ b/de/home/.config/eww/modules/bar/tray.yuck
@@ -12,7 +12,7 @@
        :halign "center"
     (systray
       :orientation "h"
-      :class "reveal_children"
+      :class "reveal_children tray"
       :space-evenly true
       :spacing 0
       :icon-size 20
diff --git a/de/home/.config/eww/modules/bar/volume.yuck b/de/home/.config/eww/modules/bar/volume.yuck
index 69c5c5c..20eada9 100644
--- a/de/home/.config/eww/modules/bar/volume.yuck
+++ b/de/home/.config/eww/modules/bar/volume.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_volume
     :revealvar-name "reveal_volume"
     (button :onclick 'pavucontrol-qt --tab 3'
-            :class {(volume == 0) ? "" : "active"}
+            :class {(volume == 0) ? '' : 'active'}
       {(volume == 0) ? "" : ((volume > 50) ? "" : "")})
     (volume_children)))
 
diff --git a/de/home/.config/eww/modules/bar/vpn.yuck b/de/home/.config/eww/modules/bar/vpn.yuck
index fc3d1fe..dfa30c3 100644
--- a/de/home/.config/eww/modules/bar/vpn.yuck
+++ b/de/home/.config/eww/modules/bar/vpn.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_vpn
     :revealvar-name "reveal_vpn"
     (button :onclick 'notify-send "test"'
-            :class {network_status.proton || network_status.homevpn ? "active" : "inactive"}
+            :class {network_status.proton || network_status.homevpn ? 'active' : 'inactive'}
       {network_status.proton || network_status.homevpn ? "" : ""})
     (vpn_children)))
 
diff --git a/de/home/.config/eww/modules/bar/window_name.yuck b/de/home/.config/eww/modules/bar/window_name.yuck
index 172868f..9e9fb60 100644
--- a/de/home/.config/eww/modules/bar/window_name.yuck
+++ b/de/home/.config/eww/modules/bar/window_name.yuck
@@ -2,5 +2,5 @@
                               :interval "60s"
   "scripts/bar/activewindow")
 (defwidget windowtitle []
-  (box :class {active_window_name != "" ? "active_window" : ""}
-    {active_window_name}))
+  (label :class {active_window_name != "" ? "active_window" : ""}
+         :text {active_window_name}))
diff --git a/de/home/.config/eww/modules/bar/workspaces.yuck b/de/home/.config/eww/modules/bar/workspaces.yuck
index c22c493..896f86f 100644
--- a/de/home/.config/eww/modules/bar/workspaces.yuck
+++ b/de/home/.config/eww/modules/bar/workspaces.yuck
@@ -1,5 +1,8 @@
+(deflisten activeWorkspace :initial '1'
+                           'scripts/bar/active-workspace')
 (deflisten workspacesArray :initial '[{"name": "placeholder","focused":true,"num":0}]'
                            'scripts/bar/workspaces')
+(defvar wsreveal true)
 
 (defwidget workspaces [array]
 (box   :class "workspaces"
@@ -7,11 +10,74 @@
        :space-evenly false
        :halign "start"
 
-  (for entry in array
-  (button :onclick `swaymsg workspace "${entry.name}"`
-        :class {entry.focused ? "focused" : ""}
-        (box
-          '${replace(entry.name,".*:","")}'
-          (label
-            :class "workspace-number"
-            :text {jq(captures(entry.num, '[0-9]$'),'.[].[]','r')}))))))
+  (revealer
+    :reveal wsreveal
+    :transition "slideleft"
+    :duration "500ms"
+    (box
+      (for entry in array
+        (literal
+          :visible {((entry.num <= activeWorkspace) && !entry.focused) ? true : false}
+          :content {((entry.num <= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'left')" : "(box :visible false)"}))))
+  (box
+    (for entry in array
+      (literal
+        :visible {entry.focused ? true : false}
+        :content {entry.focused ? "(workspace :ws entry :side 'center')" : "(box :visible false)"})))
+  (revealer
+    :reveal wsreveal
+    :transition "slideright"
+    :duration "500ms"
+    (box
+      (for entry in array
+        (literal
+          :visible {((entry.num >= activeWorkspace) && !entry.focused) ? true : false}
+          :content {((entry.num >= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'right')" : "(box :visible false)"}))))))
+
+;  (for entry in array
+;    {entry.focused ? (workspace :ws entry) : ""})))
+;    (for ws in {}
+;    (box
+;      (literal
+;        :visible {(entry.num < jq(array, '.. | select(.type?) | select(.focused==true).num', 'r')) ? true : false}
+;        :content {(entry.num < jq(array, '.. | select(.type?) | select(.focused==true).num', 'r')) ? "(workspace :ws entry)" : "(box :visible false)"})
+;      (literal
+;        :visible {entry.focused ? true : false}
+;        :content {entry.focused ? "(workspace :ws entry)" : "(box :visible false)"})
+;      (literal
+;        :visible {(entry.num > jq(array, '.. | select(.type?) | select(.focused==true).num')) ? true : false}
+;        :content {(entry.num > jq(array, '.. | select(.type?) | select(.focused==true).num')) ? "(workspace :ws entry)" : "(box :visible false)"})))))
+
+;;    {entry.focused ? "${entry.num}" : ""})))
+;    (button :onclick `swaymsg workspace "${entry.name}"`
+;      :class {entry.focused ? "focused" : ""}
+;      (box
+;        '${replace(entry.name,".*:","")}'
+;        (label
+;          :class "workspace-number"
+;          :text {jq(captures(entry.num, '[0-9]$'),'.[].[]','r')}))))))
+
+(defwidget workspace [ws side]
+  (button :onclick `swaymsg workspace "${ws.name}"`
+;    :class {ws.focused ? "focused" : ""}
+    :class side
+    (box
+      '${replace(ws.name,".*:","")}'
+      (label
+        :class "workspace-number"
+        :text {jq(captures(ws.num, '[0-9]$'),'.[].[]','r')}))))
+
+;(defwidget workspaces [array]
+;(box   :class "workspaces"
+;       :orientation "h"
+;       :space-evenly false
+;       :halign "start"
+;
+;  (for entry in array
+;    (button :onclick `swaymsg workspace "${entry.name}"`
+;      :class {entry.focused ? "focused" : ""}
+;      (box
+;        '${replace(entry.name,".*:","")}'
+;        (label
+;          :class "workspace-number"
+;          :text {jq(captures(entry.num, '[0-9]$'),'.[].[]','r')}))))))
diff --git a/de/home/.config/eww/modules/home/revealer-on-press.yuck b/de/home/.config/eww/modules/home/revealer-on-press.yuck
index 1855a93..5b27105 100644
--- a/de/home/.config/eww/modules/home/revealer-on-press.yuck
+++ b/de/home/.config/eww/modules/home/revealer-on-press.yuck
@@ -3,14 +3,14 @@
     :class "${class} revealer-on-press ${revealvar ? 'revealer_opened' : 'revealer_closed'}"
 ;    :width {revealvar ? 300 : 100}
     :space-evenly false
-    (eventbox
-       :onclick '${EWW_CMD} update ${revealvar-name}=${revealvar ? "false" : "true"}'
-      (box
-        :orientation "vertical"
-        :space-evenly false
-        (children :nth 0)
+    (box
+      :orientation "vertical"
+      :space-evenly false
+      (eventbox
+        :onclick '${EWW_CMD} update ${revealvar-name}=${revealvar ? "false" : "true"}'
+        (children :nth 0))
         (revealer
-          :reveal revealvar
-          :transition {transition ?: "slidedown"}
-          :duration {duration ?: "500ms"}
-          (children :nth 1))))))
+        :reveal revealvar
+        :transition {transition ?: "slidedown"}
+        :duration {duration ?: "500ms"}
+        (children :nth 1)))))
diff --git a/de/home/.config/eww/scripts/bar/active-workspace b/de/home/.config/eww/scripts/bar/active-workspace
new file mode 100755
index 0000000..5ec124e
--- /dev/null
+++ b/de/home/.config/eww/scripts/bar/active-workspace
@@ -0,0 +1,14 @@
+#!/bin/bash
+
+function get_workspaces_info() {
+    output=$(swaymsg -t get_workspaces | jq -r '.. | select(.type?) | select(.focused==true).num')
+    echo $output
+}
+
+get_workspaces_info
+
+swaymsg -t subscribe '["workspace"]' --monitor | {
+    while read -r event; do
+        get_workspaces_info
+    done
+}
diff --git a/de/home/.config/eww/scripts/home/randomrat b/de/home/.config/eww/scripts/home/randomrat
index 4e3196b..b7bba98 100755
--- a/de/home/.config/eww/scripts/home/randomrat
+++ b/de/home/.config/eww/scripts/home/randomrat
@@ -3,7 +3,7 @@
 if [[ "$(eww active-windows)" == *"home"* ]]; then
   img_dir="${HOME}/Pictures/Phone/Albums/Rattos/"
   img_list=$( find "${img_dir}" -iname '*.jpg' -or -iname '*.png' -or -iname '*.heic')
-  img=$( shuf -n 1 <<< ${img_list} )
+  img=$( shuf -n 1 <<< "${img_list}" )
   mkdir -p "${HOME}/.cache/eww/"
   convert "${img}" -resize x300\> "${HOME}/.cache/eww/rat.jpg"
   echo "${HOME}/.cache/eww/rat.jpg"
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
new file mode 100644
index 0000000..2bfaeb0
--- /dev/null
+++ b/de/home/.config/eww/style/bar.scss
@@ -0,0 +1,127 @@
+.bar {
+  font-size: 1.05em;
+  padding: 10px 0px 0px;
+  margin: 0px 15px;
+
+  .leftgroup,
+  .centergroup,
+  .rightgroup {
+    background-color: $bar-bg-color;
+    border-radius: $bar-module-border-radius;
+//    &>box:not(.workspaces),
+    &>box.revealer-on-hover,
+    &>button,
+    &>label {
+      color: $bar-module-fg-color;
+      background-color: $bar-bg-color;
+      border-radius: $bar-module-border-radius;
+      margin: 0px 5px;
+//      padding: 0px 5px;
+      min-width: $bar-module-width;
+      border: 2px solid $bar-module-fg-color;
+      background-color: $bar-module-bg-color;
+    }
+  }
+
+  .workspaces {
+    color: $bar-module-fg-color;
+    border-radius: $bar-module-border-radius;
+    margin: 0px 5px;
+//    min-width: $bar-module-width;
+    border: 2px solid $bar-module-fg-color;
+    background-color: $bar-module-bg-color;
+
+    button {
+      min-width: 35px;
+      transition: all 0.3s;
+//      padding: 0px 0px;
+      &.left {
+//        border-right: 1px solid $bar-module-fg-color;
+        border-left: 1px solid $bar-module-fg-color;
+        border-radius: $bar-module-border-radius - 2;
+      }
+      &.center {
+//        text-shadow: $bar-module-active-shadow;
+        color: $bar-module-fg-color;
+//        background-color: $bar-module-active-fg-color;
+        border-radius: $bar-module-border-radius - 2;
+        box-shadow: 0 0 2px 1px $bar-module-fg-color;
+      }
+      &.right {
+//        border-left: 1px solid $bar-module-fg-color;
+        border-right: 1px solid $bar-module-fg-color;
+        border-radius: $bar-module-border-radius - 2;
+      }
+      label {
+        padding: 4px 6px;
+        margin-right: -10px;
+      }
+      .workspace-number {
+        margin: 0px;
+        margin-left: 2px;
+        margin-top: -15px;
+        padding: 0px;
+        font-size: 0.6em;
+      }
+      &:hover {
+        text-shadow: $bar-module-hover-shadow;
+        color: $bar-hover-fg-color;
+      }
+    }
+  }
+  scale trough,
+  progressbar>trough {
+    background-color: $color9;
+    min-width: 50px;
+    min-height: 10px;
+    border-radius: 4px;
+  }
+  scale trough highlight,
+  progressbar>trough>progress {
+    background-color: $color2;
+    border-radius: 4px;
+    min-height: 10px;
+    transition: box-shadow 0.3s;
+    &:hover{
+      box-shadow: 0px 0px 0px 2px $color2;
+    }
+  }
+  circular-progress {
+    color: $color9;
+    background-color: $color2;
+  }
+  &>box>button,
+  &>box>label,
+  .revealer-on-hover>widget>box>box>*,
+  .reveal_children>* {
+    padding: 0px 5px;
+    min-width: $bar-module-width;
+    transition: all 0.3s;
+    &:hover {
+      color: $bar-hover-fg-color;
+      text-shadow: $bar-module-hover-shadow;
+    }
+  }
+  .reveal_children>* {
+    border-left: 1px solid $bar-module-fg-color;
+  }
+  .tray>widget>image,
+  .scratchpad>button>image {
+    padding: 3px 4px;
+    min-width: $bar-module-width;
+  }
+  .tray>widget,
+  .scratchpad>button {
+    image{
+      opacity: 0.4;
+      transition: all 0.3s;
+      border-radius: 4px;
+    }
+    &:hover,&:hover image {
+      opacity: 1;
+    }
+  }
+  .datetime {
+    font-weight: bold;
+  }
+}
diff --git a/de/home/.config/katerc b/de/home/.config/katerc
index 1ed41ec..e58b8cc 100644
--- a/de/home/.config/katerc
+++ b/de/home/.config/katerc
@@ -86,7 +86,7 @@ Fallback Encoding=ISO 8859-15
 [KTextEditor Renderer]
 Animate Bracket Matching=false
 Auto Color Theme Selection=true
-Color Theme=Breeze Light
+Color Theme=Breeze Dark
 Font=monospace,9,-1,2,50,0,0,0,0,0
 Line Height Multiplier=1.3
 Show Indentation Lines=false
@@ -168,8 +168,8 @@ RunPrefix=
 SetEditor=false
 
 [MainWindow]
-1920x1200 screen: Height=1122
-1920x1200 screen: Width=941
+1920x1200 screen: Height=1128
+1920x1200 screen: Width=396
 2 screens: Height=467
 2 screens: Width=704
 2048x1280 screen: Height=713
diff --git a/de/home/.config/qt6ct/qt6ct.conf b/de/home/.config/qt6ct/qt6ct.conf
index 1c1ba2d..af6cf3b 100644
--- a/de/home/.config/qt6ct/qt6ct.conf
+++ b/de/home/.config/qt6ct/qt6ct.conf
@@ -1,5 +1,5 @@
 [Appearance]
-color_scheme_path=/home/pogmommy/.config/qt6ct/colors/darker_pink.conf
+color_scheme_path=/home/penelope/.config/qt6ct/colors/darker_pink.conf
 custom_palette=true
 icon_theme=breeze-dark
 standard_dialogs=default
@@ -19,7 +19,7 @@ gui_effects=@Invalid()
 keyboard_scheme=2
 menus_have_icons=true
 show_shortcuts_in_context_menus=true
-stylesheets=/home/pogmommy/.config/qt6ct/qss/header-fix.qss, /usr/share/qt6ct/qss/fusion-fixes.qss
+stylesheets=/usr/share/qt6ct/qss/fusion-fixes.qss
 toolbutton_style=4
 underline_shortcut=1
 wheel_scroll_lines=3
@@ -31,7 +31,7 @@ geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\bz\0\0\a\b\0\0\v\x1b\0\0\n\x2\0
 geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2)
 
 [SettingsWindow]
-geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2|\0\0\x2\v\0\0\0\0\0\0\0\0\0\0\x2|\0\0\x2\v\0\0\0\0\0\0\0\0\b\0\0\0\0\0\0\0\0\0\0\0\x2|\0\0\x2\v)
+geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2l\0\0\x4_\0\0\0\0\0\0\0\0\0\0\x2l\0\0\x4_\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x2l\0\0\x4_)
 
 [Troubleshooting]
 force_raster_widgets=1
diff --git a/de/home/.config/sway/config.d/layout b/de/home/.config/sway/config.d/layout
index 2ac17bf..d75572f 100644
--- a/de/home/.config/sway/config.d/layout
+++ b/de/home/.config/sway/config.d/layout
@@ -1,6 +1,8 @@
 
 # Spacing between windows and edges
 gaps inner 10
+#gaps top -10
+gaps left -10
 workspace 0: {
 #  gaps left 310
   output $overview_display