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

---
 de/home/.config/eww/style/bar.scss | 55 ++++++++----------------------
 1 file changed, 15 insertions(+), 40 deletions(-)

diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index c8d9777..5bd72d1 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -48,38 +48,6 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       }
     }
 
-/*    .revealer-on-hover>widget>box>box>*:hover {
-      background-color: rgba(0, 100, 0, 1);
-//      border-radius: $bar-module-border-radius;
-    }*/
-
-
-
-/*    .revealer-on-hover>widget>box>box>*,
-    .reveal_children:not(.tray)>*,
-    .reveal_children>widget>image,
-    &>button,
-    &>label {
-      color: $bar-module-fg-color;
-      border-radius: $bar-module-border-radius;
-      margin: 0px 5px;
-      margin-left: 0px;
-      padding: 6px 10px;
-      min-width: $bar-module-width;
-    }
-    .revealer-on-hover>widget>box>box>* {
-      border-radius: $bar-module-border-radius;
-    }*/
-
-
-
-/*    .revealer-on-hover>widget>box>box>*,
-    .reveal_children>widget>image,
-    .reveal_children:not(.tray)>*:not(:last-child),
-    &>button,
-    &>label {
-        box-shadow: 3px 0 3px -2px $bar-module-fg-color;
-    }*/
     .revealer-on-hover.true {
 //      background-color: $bar-reveal-children-bg-color;
       border-radius: $bar-module-border-radius;
@@ -108,19 +76,26 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
 
   .workspaces {
     color: $bar-module-fg-color;
-    margin: 2px 5px;
+    margin: 0px 5px;
     revealer {
      
       &.ws-left {
         padding-left: 5px;
-        button {
-          background-color: $bar-reveal-children-bg-color;
+//        border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
+        >box>box {
+          background-color: rgba($bar-bg-color,0.5);
+          &:not(:first-child){
+            border-left: 2px solid $color0;
+          }
+          &:first-child {
+            border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
+          }
         }
       }
       &.ws-right {
         padding-right: 5px;
         button {
-          background-color: $bar-reveal-children-bg-color;
+          background-color: rgba($bar-bg-color,0.5);
         }
       }
     }
@@ -128,16 +103,16 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       min-width: 35px;
       padding: 2px 3px;
       transition: all 0.3s;
-      &.left {
-        border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
+//      &.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 {
+      &.right:last-child {
         border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
 //        box-shadow: 3px 0 2px -1px $bar-module-fg-color;
       }