From 7b1978e2ec7a920799d0d710d7581f95afaf7c3d Mon Sep 17 00:00:00 2001
From: Penelope Gwen <support@pogmom.me>
Date: Fri, 18 Jul 2025 12:15:02 -0700
Subject: [PATCH] New backup 2025-07-18 12:15:02

---
 de/home/.config/eww/eww.scss | 43 ++++++++++++++++++++----------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 78bad7e..154d8f7 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -7,8 +7,8 @@
 @import "./style/colors.scss";
 
 $bar-module-width: 25px;
-$bar-bg-color: rgba($color5,0.8);
-$bar-module-bg-color: rgba($color5,0.0);
+$bar-bg-color: rgba($color5,0.0);
+$bar-module-bg-color: rgba($color5,0.8);
 $bar-module-fg-color: rgba($color0,0.8);
 $bar-module-inactive-fg-color: rgba($color0,0.4);
 $bar-module-active-fg-color: rgba($color13,0.9);
@@ -125,7 +125,7 @@ circular-progress {
 
 .reveal_children>button {
   image {
-    opacity: 0.5;
+    opacity: 0.4;
     transition: all 0.5s;
     border-radius: 4px;
   }
@@ -143,9 +143,12 @@ circular-progress {
 .rightgroup>button {
 //.rightgroup .reveal_children>button,
 //.rightgroup>.revealer-on-hover>widget>box>box>button {
-  color: $bar-module-inactive-fg-color;
+  color: $bar-module-fg-color;
   padding: 3px 4px;
   border-radius: $bar-module-border-radius;
+  .inactive {
+    color: $bar-module-inactive-fg-color
+  }
 }
 /*.leftgroup>.revealer-on-hover>widget>box>box>button {
   padding: 3px 4px;
@@ -171,16 +174,13 @@ label {
   border-radius: $bar-module-border-radius;
 }
 .workspaces button,
-.leftgroup button,
-.rightgroup button {
+.leftgroup button {
 //  background-color: $bar-module-bg-color;
 //  border-left: 1px solid $bar-module-fg-color;
   color: $bar-module-fg-color;
   padding: 3px 4px;
   min-width: $bar-module-width;
-  .inactive {
-    color: $bar-module-inactive-fg-color
-  }
+  transition: all 0.3s;
 }
 .workspaces button:hover,
 .rightgroup button:hover,
@@ -188,20 +188,25 @@ label {
 //  text-shadow: 1px 1px 1px rgba($color2,1);
   text-shadow: $bar-module-hover-shadow;
   color: $bar-hover-fg-color;
-  transition: all 0.2s;
+//  transition: all 0.2s;
 }
-
-.workspaces .focused{
+.rightgroup {
+  button {
+    transition: all 0.3s;
+    &.active:not(:hover) {
+      text-shadow: $bar-module-active-shadow;
+      color: $bar-module-fg-color;
+    }
+    &.inactive:not(:hover) {
+      color: $bar-module-inactive-fg-color;
+    }
+  }
+}
+.workspaces .focused {
   color: $bar-module-active-fg-color;
   text-shadow: $bar-module-active-shadow;
 }
-/*button.active {
-  text-shadow: $bar-module-active-shadow;
-  color: $bar-module-fg-color;
-}
-button.inactive {
-  color: $bar-module-inactive-fg-color;
-}*/
+
 .workspaces button:first-child {
 //.reveal_children>box:first-child,
 //.reveal_children>scale:first-child,