diff --git a/de/home/.config/eww/modules/bar.yuck b/de/home/.config/eww/modules/bar.yuck
index 28e023c..d34d8bf 100644
--- a/de/home/.config/eww/modules/bar.yuck
+++ b/de/home/.config/eww/modules/bar.yuck
@@ -8,10 +8,13 @@
 (include "modules/bar/revealer-on-hover.yuck")
 (include "modules/bar/metric.yuck")
 
+;widget scripts
+;(deflisten active_profile_name "scripts/bar/profile-name")
+
 ;centerbar groups
 
 (defwidget leftgroup []
-  (box :class "leftgroup ${((activeWorkspace < '11') ? 'profile-work' : '')}" :orientation "h" :space-evenly false :halign "start"
+  (box :class "leftgroup ${((activeWorkspace > '30') ? 'profile-work' : ((activeWorkspace > '20') ? 'profile-school' : ((activeWorkspace > '10') ? 'profile-development' : ((activeWorkspace > '0') ? 'profile-personal' : ''))))}" :orientation "h" :space-evenly false :halign "start"
     (powermenu)
     (profile)
     (workspaces :array workspacesArray)
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index fafd97a..420d2df 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -52,6 +52,15 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
     }
   }
 
+  .profile-personal {
+    background-color: $bar-bg-color;
+  }
+  .profile-development {
+    background-color: mix($color9, $color12);
+  }
+  .profile-school {
+    background-color: mix($color5, $color3);
+  }
   .profile-work {
     background-color: mix($color5, $color12);
   }