From 668f12f681dd521746affc3935350cc00c917f3c Mon Sep 17 00:00:00 2001
From: Penelope Gwen <support@pogmom.me>
Date: Mon, 1 Sep 2025 03:00:02 -0700
Subject: [PATCH] New backup 2025-09-01 03:00:02

---
 de/home/.config/eww/style/bar.scss | 47 ++++++++++++++++--------------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 5e9896b..541a68d 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -74,28 +74,35 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
     background-color: rgba(mix($color5, $color4, 30%), 0.5);
   }*/
 
+  .profile {
+    margin: 0px;
+    font-size: 0.75em;
+  }
+
   .workspaces {
-    color: $bar-module-fg-color;
     margin: 0px 5px;
     box.ws-center {
       >box>button {
-        background-color: rgba($bar-bg-color,0.75);
-        margin: 0px 2px;
-      }
-      &.false>box>button {
-        border-radius: $bar-module-border-radius;
+        background-color: $bar-bg-color;
+        color: $bar-module-fg-color;
+        border-radius: $bar-module-border-radius - 3;
+//        margin: 0px 2px;
       }
+/*      &.false>box>button {
+        border-radius: $bar-module-border-radius - 3;
+      }*/
     }
-/*    box.ws-center.true {
-      background-color: red;
-    }*/
+    border: 2px solid $bar-bg-color;
+    border-radius: $bar-module-border-radius;
     revealer {
       &.ws-left {
-        padding-left: 5px;
+//        padding-left: 5px;
         >box>box {
-          background-color: rgba($bar-bg-color,0.5);
+//          background-color: rgba($bar-bg-color,0.5);
+          color: $bar-bg-color;
           &:not(:first-child){
-            margin-left: 2px;
+            border-left: 2px solid $bar-bg-color;
+//            margin-left: 2px;
           }
           &:first-child {
             border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
@@ -103,11 +110,13 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
         }
       }
       &.ws-right {
-        padding-right: 5px;
+//        padding-right: 5px;
         >box>box {
-          background-color: rgba($bar-bg-color,0.5);
+//          background-color: rgba($bar-bg-color,0.5);
+          color: $bar-bg-color;
           &:not(:last-child){
-            margin-right: 2px;
+//            margin-right: 2px;
+            border-right: 2px solid $bar-bg-color;
           }
           &:last-child {
             border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
@@ -117,16 +126,10 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
     }
     button {
       min-width: 35px;
-      padding: 2px 3px;
+      padding: 1px 2px;
       transition: all 0.3s;
-//      &.left {
-//        border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
-//        box-shadow: -3px 0 2px -1px $bar-module-fg-color;
-//      }
       &.center {
         color: $bar-module-fg-color;
-//        border-radius: $bar-module-border-radius;
-//        box-shadow: 0 0 2px 1px $bar-module-fg-color;
       }
       &.right:last-child {
         border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;