From 7de510d565b209041571a4be918bd641e68fcfa1 Mon Sep 17 00:00:00 2001
From: Penelope Gwen <support@pogmom.me>
Date: Sun, 31 Aug 2025 17:30:01 -0700
Subject: [PATCH] New backup 2025-08-31 17:30:01

---
 de/home/.config/eww/style/bar.scss | 54 +++++++++---------------------
 1 file changed, 16 insertions(+), 38 deletions(-)

diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 5604b54..c587035 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -2,67 +2,48 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
 
 .bar {
   font-size: 1.05em;
-  padding: 0px 10px 0px;
-/*  margin: 0px 15px;*/
-//  padding: 0px;
-/*  border-radius: 0px 0px $bar-module-border-radius 0px;*/
-  border-radius: $bar-module-border-radius;
-  margin: 0px;
-/*  background: none;
-  background-color: rgba($bar-bg-color, 0.5);*/
-//  .leftgroup {
-//    border-radius: 0px 0px $bar-module-border-radius 0px;
-//  }
-//  .rightgroup {
-//    padding: 0px 0px 0px 10px;
-//    border-radius: 0px 0px 0px $bar-module-border-radius;
-//  }
+  padding: 10px 0px 10px;
+  margin: 0px 15px;
+/*  background: none;*/
   .leftgroup,
   .centergroup,
   .rightgroup {
-    margin: 5px;
-    padding: 0px 0px 0px 0px;
-    border-radius: $bar-module-border-radius;
-/*    margin: 10px 0px 10px;
-    padding: 0px 10px 0px 0px;*/
-    background-color: rgba($bar-bg-color, 0.8);
+/*    margin: 10px 0px 10px;*/
+    background-color: $bar-bg-color;
 /*    & .profile-work {
       background-color: mix($color5, $color12);
     }
     background-color: lighter($bar-bg-color);
     background-color: darker(mix(#d68787, #add4fb, 50%));*/
-/*    border: 3px solid $bar-module-fg-color;
-     box-shadow: 0px 0px 9px 0px $bar-module-fg-color;*/
+    border-radius: $bar-module-border-radius;
+    border: 3px solid $bar-module-fg-color;
+    box-shadow: 0px 0px 9px 0px $bar-module-fg-color;
     .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;
-//      border-radius: 12px;
+      border-radius: $bar-module-inner-radius;
       margin: 0px 5px;
       margin-left: 0px;
       padding: 6px 10px;
       min-width: $bar-module-width;
     }
     .revealer-on-hover>widget>box>box>* {
-      margin-right: 10px;
-      border-radius: $bar-module-border-radius;
-//      border-radius: 12px;
+      border-radius: $bar-module-inner-radius;
     }
-    .revealer-on-hover:not(.scratchpad)>widget>box>box>*,
+    .revealer-on-hover>widget>box>box>*,
     .reveal_children>widget>image,
     .reveal_children:not(.tray)>*:not(:last-child),
     &>button,
     &>label {
-        box-shadow: 8px 0 3px -6px $bar-module-fg-color;
+        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-inner-radius;
-      box-shadow: 12px 0 3px -6px $bar-module-fg-color;
-//      box-shadow: 3px 0 3px -2px $bar-module-fg-color;
+      box-shadow: 3px 0 3px -2px $bar-module-fg-color;
       &>widget>box>box>* {
         background-color: $bar-bg-color;
       }
@@ -113,9 +94,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       }
       &.center {
         color: $bar-module-fg-color;
-//        border-radius: $bar-module-inner-radius;
-        font-size: 0.9em;
-        margin: 2px 0px;
+        border-radius: $bar-module-inner-radius;
         box-shadow: 0 0 2px 1px $bar-module-fg-color;
       }
       &.right {
@@ -185,7 +164,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
     image{
       opacity: 0.5;
       transition: all 0.3s;
-     border-radius: $bar-module-inner-radius;
+      border-radius: $bar-module-inner-radius;
     }
     &:hover,&:hover image {
       opacity: 1;
@@ -196,8 +175,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
   }
   .chevron box {
     border: 2px solid transparent;
-    box-shadow: 12px 0 3px -6px $bar-module-fg-color;
-//    box-shadow: 8px -8px 10px -8px black;
+    box-shadow: 8px -8px 10px -8px black;
   }
   .inactive {
     opacity: 0.5;