diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index efd94b0..945f721 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -58,7 +58,7 @@ $transition-time: 0.3s;
     background-color: rgba(mix($color5, $color4, 30%), 0.5);
   }*/
 
-  .profile {
+  /*.profile {
     margin-left: 10px;
     font-size: 0.95em;
     font-weight: bold;
@@ -142,7 +142,8 @@ $transition-time: 0.3s;
         color: darker($bar-bg-color);
       }
     }
-  }
+  }*/
+  @import "./bar/workspaces.scss";
 
 /*  .active_window {
     border: 2px solid $bar-bg-color;
diff --git a/de/home/.config/eww/style/bar/workspaces.scss b/de/home/.config/eww/style/bar/workspaces.scss
index e69de29..dd4bb3a 100644
--- a/de/home/.config/eww/style/bar/workspaces.scss
+++ b/de/home/.config/eww/style/bar/workspaces.scss
@@ -0,0 +1,103 @@
+.profile,
+.workspaces {
+  border: 2px solid $bar-bg-color;
+  font-weight: bold;
+}
+.profile {
+  margin-left: 10px;
+//  font-size: 0.95em;
+  border-right: 0px solid transparent;
+  border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
+  color: $bar-bg-color;
+  .profile-personal {
+
+  }
+  &.profile-development,
+  &.profile-school,
+  &.profile-work {
+    color: $bar-module-fg-color;
+  }
+  &.profile-personal {
+    $profile-color: transparent;
+  }
+  &.profile-development {
+    $profile-color: mix($color9, $color12);
+  }
+  background-color: $profile-color;
+/*  &.profile-personal {
+    background-color: transparent;
+    color: $bar-bg-color;
+    border-color: $bar-bg-color;
+  }
+  &.profile-development {
+    color: $color0;
+    background-color: mix($color9, $color12);
+    border-color: mix($color9, $color12);
+  }
+  &.profile-school {
+    color: $color0;
+    background-color: mix($color5, $color3);
+    border-color: mix($color5, $color3);
+  }
+  &.profile-work {
+    color: $color0;
+    background-color: mix($color5, $color4, 30%);
+    border-color: mix($color5, $color4, 30%);
+  }*/
+}
+
+.workspaces {
+  margin: 0px 0px;
+  box.ws-center {
+    >box>button {
+      background-color: $bar-bg-color;
+      color: $bar-module-fg-color;
+      border-radius: 0px $bar-module-border-radius - 3 $bar-module-border-radius - 3 0px;
+    }
+    &.true>box>button {
+      border-radius: $bar-module-border-radius - 3;
+    }
+  }
+//  border: 2px solid $bar-bg-color;
+  border-left: 0px solid transparent;
+  border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
+  revealer {
+    &.ws-left {
+      >box>box {
+        color: $bar-bg-color;
+          border-left: 2px solid $bar-bg-color;
+      }
+    }
+    &.ws-right {
+      >box>box {
+        color: $bar-bg-color;
+        &:not(:last-child){
+          border-right: 2px solid $bar-bg-color;
+        }
+        &:last-child {
+          border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
+        }
+      }
+    }
+  }
+  button {
+    min-width: 35px;
+    padding: 1px 2px;
+    transition: all 0.3s;
+    label {
+      padding: 2px 6px;
+      margin-right: -10px;
+    }
+    .workspace-number {
+      margin: 0px;
+      margin-left: -2px;
+      margin-top: -6px;
+      padding: 0px;
+      font-size: 0.6em;
+    }
+    &:hover {
+      text-shadow: $bar-bg-color;
+      color: darker($bar-bg-color);
+    }
+  }
+}