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

---
 de/home/.config/eww/style/bar.scss | 62 ++++++++++++++----------------
 1 file changed, 29 insertions(+), 33 deletions(-)

diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index e263a29..99d1c2e 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -2,8 +2,8 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
 
 .bar.horizontal {
   font-size: 1.05em;
-  padding: 2px;
-  margin: 10px 15px;
+  padding: 6px;
+  margin: 4px 10px;
   background-color: rgba($bar-bg-color, 0.2);
   border-radius: $bar-module-border-radius;
 
@@ -82,21 +82,24 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
     border-right: 0px solid transparent;
     border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
     color: $bar-bg-color;
-
     &.profile-personal {
+      background-color: transparent;
       color: $bar-bg-color;
       border-color: $bar-bg-color;
     }
     &.profile-development {
-      color: mix($color9, $color12);
+      color: $color0;
+      background-color: mix($color9, $color12);
       border-color: mix($color9, $color12);
     }
     &.profile-school {
-      color: mix($color5, $color3);
+      color: $color0;
+      background-color: mix($color5, $color3);
       border-color: mix($color5, $color3);
     }
     &.profile-work {
-      color: mix($color5, $color4, 30%);
+      color: $color0;
+      background-color: mix($color5, $color4, 30%);
       border-color: mix($color5, $color4, 30%);
     }
   }
@@ -107,39 +110,26 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       >box>button {
         background-color: $bar-bg-color;
         color: $bar-module-fg-color;
-        border-radius: $bar-module-border-radius - 3;
-//        margin: 0px 2px;
+        border-radius: 0px $bar-module-border-radius - 3 $bar-module-border-radius - 3 0px;
       }
-/*      &.false>box>button {
+      &.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 {
-//        padding-left: 5px;
         >box>box {
-//          background-color: rgba($bar-bg-color,0.5);
           color: $bar-bg-color;
-//          &:not(:first-child){
-//          &:not(:first-child){
             border-left: 2px solid $bar-bg-color;
-//            margin-left: 2px;
-//          }
-//          &:first-child {
-//            border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
-//          }
         }
       }
       &.ws-right {
-//        padding-right: 5px;
         >box>box {
-//          background-color: rgba($bar-bg-color,0.5);
           color: $bar-bg-color;
           &:not(:last-child){
-//            margin-right: 2px;
             border-right: 2px solid $bar-bg-color;
           }
           &:last-child {
@@ -152,30 +142,36 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       min-width: 35px;
       padding: 1px 2px;
       transition: all 0.3s;
-      &.center {
-        color: $bar-module-fg-color;
-      }
-      &.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;
-      }
       label {
         padding: 2px 6px;
         margin-right: -10px;
       }
       .workspace-number {
         margin: 0px;
-        margin-left: 2px;
-        margin-top: -7px;
+        margin-left: -2px;
+        margin-top: -6px;
         padding: 0px;
         font-size: 0.6em;
       }
       &:hover {
-        text-shadow: $bar-module-hover-shadow;
-        color: $bar-hover-fg-color;
+        text-shadow: $bar-bg-color;
+        color: darker($bar-bg-color);
       }
     }
   }
+
+  .active_window {
+    border: 2px solid $bar-bg-color;
+    color: $bar-bg-color;
+    padding: 0px 10px;
+    border-radius: $bar-module-border-radius;
+    margin-left: 10px;
+  }
+
+  .scratchpad {
+    margin-left: 10px;
+  }
+
   scale trough,
   progressbar>trough {
     background-color: $color9;