From 2b945178cd064b973fec8fe3041bd050dd0e9ae7 Mon Sep 17 00:00:00 2001
From: Penelope Gwen <support@pogmom.me>
Date: Fri, 25 Jul 2025 18:00:08 -0700
Subject: [PATCH] New backup 2025-07-25 18:00:08

---
 de/home/.config/eww/eww.scss       | 232 -----------------------------
 de/home/.config/eww/style/bar.scss |  21 +--
 2 files changed, 11 insertions(+), 242 deletions(-)

diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index a553477..8576eff 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -24,239 +24,7 @@ $bar-module-border-radius: 8px;
 
 @import "./style/bar.scss";
 
-// Global Styles
 .bar {
-//  font-size: 1.05em;
-//  padding: 10px 0px 0px;
-//  margin: 0px 15px;
-
-// bar groups
-/*.leftgroup,
-.centergroup,
-.rightgroup {
-  background-color: $bar-bg-color;
-  border-radius: $bar-module-border-radius;
-}*/
-
-//group modules
-/*.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
-.leftgroup>button,
-.centergroup>*,
-.rightgroup>*:not(.revealer-on-hover) {
-  margin: 5px;
-  min-width: $bar-module-width;
-  border: 1px solid $bar-module-fg-color;
-  background-color: $bar-module-bg-color;
-  padding: 0px 10px;
-}*/
-
-/*.revealer-on-hover {
-  margin: 5px;
-  min-width: $bar-module-width;
-  background-color: $bar-module-bg-color;
-  border: 1px solid $bar-module-fg-color;
-  >widget>box>box label {
-    padding: 0px 10px;
-  }
-  .reveal_children label {
-    padding: 0px 5px;
-  }
-}*/
-/*.workspaces>revealer>box>box>button,
-.workspaces>box>box>button {
-  margin: 5px 0px;
-  background-color: $bar-module-bg-color;
-  border: 1px solid $bar-module-fg-color;
-  min-width: $bar-module-width;
-  label {
-    padding: 0px 5px;
-    margin-right: -10px;
-  }
-}*/
-/*.workspace-number {
-  margin: 0px;
-  margin-left: -5px;
-  margin-top: -17px;
-  padding: 0px;
-  font-size: 0.6em;
-}*/
-
-//value bars
-/*scale trough,
-progressbar>trough {
-  background-color: $color9;
-  min-width: 50px;
-  min-height: 10px;
-  border-radius: 4px;
-}
-scale trough highlight,
-progressbar>trough>progress {
-  background-color: $color2;
-  border-radius: 4px;
-  min-height: 10px;
-  transition: box-shadow 0.3s;
-}
-
-scale trough highlight:hover {
-  box-shadow: 0px 0px 0px 2px $color2;
-}
-
-//value graphs
-circular-progress {
-  color: $color9;
-  background-color: $color2;
-}
-
-.revealer-on-hover {
-  color: $bar-module-fg-color;
-  border-radius: $bar-module-border-radius;
-}*/
-
-
-/*.revealer-on-hover>widget>box>box>*,
-.revealer-on-hover>widget>box>box>button,
-.revealer-on-hover>widget>box>revealer>box>box>*,
-.reveal_children>*,
-.reveal_children>widget>image {
-//  background-color: $bar-module-bg-color;
-  padding: 3px 4px;
-  min-width: $bar-module-width;
-  transition: all 0.3s;
-  &:hover {
-    text-shadow: $bar-module-hover-shadow;
-//    background-color: rgba($color1,0.5);
-//    border: 1px solid $bar-module-fg-color;
-  }
-}*/
-
-/*.reveal_children>button {
-  image {
-    opacity: 0.4;
-    transition: all 0.5s;
-    border-radius: 4px;
-  }
-  &:hover image {
-    opacity: 1;
-  }
-}*/
-
-/*.reveal_children>box,
-.reveal_children>widget,
-.reveal_children>button {
-  border-left: 1px solid $bar-module-fg-color;
-}*/
-/*.rightgroup>label,
-.rightgroup>button {
-//.rightgroup .reveal_children>button,
-//.rightgroup>.revealer-on-hover>widget>box>box>button {
-  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;
-  border-radius: $bar-module-border-radius;
-}*/
-
-//.music {
-//  color: $bar-module-fg-color;
-//  background-color: $bar-module-bg-color;
-//  border-radius: $bar-module-border-radius;
-//}
-//.rightgroup>label,
-/*.active_window{
-  color: $bar-module-fg-color;
-  padding: 3px 4px;
-  border-radius: $bar-module-border-radius;
-}*/
-/*label {
-  margin-top: 2px;
-}*/
-//.workspaces,
-/*.profile {
-  border-radius: $bar-module-border-radius;
-}*/
-//.workspaces button,
-/*.leftgroup button {
-//  background-color: $bar-module-bg-color;
-//  border-left: 1px solid $bar-module-fg-color;
-//  color:blue;
-  color: $bar-module-fg-color;
-  padding: 3px 4px;
-  min-width: $bar-module-width;
-  transition: color 0.3s, text-shadow 0.3s;
-}*/
-//.workspaces button:hover,
-/*.rightgroup button:hover,
-.leftgroup button:hover {
-//  text-shadow: 1px 1px 1px rgba($color2,1);
-  text-shadow: $bar-module-hover-shadow;
-  color: $bar-hover-fg-color;
-//  transition: all 0.2s;
-}*/
-/*.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;
-}*/
-
-//.workspaces button:first-child {
-//.workspaces:first-child {
-//.reveal_children>box:first-child,
-//.reveal_children>scale:first-child,
-//.reveal_children>progressbar:first-child,
-//.reveal_children>button:first-child,
-//.reveal_children>widget:first-child {
-//  margin-left: 3px;
-//  border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
-//  border-left: 0px solid $bar-bg-color;
-//}
-
-//.revealer-on-hover>widget>box>revealer>box>box>button {
-/*.rightgroup>.revealer-on-hover>widget>box>box>button,
-.leftgroup>.revealer-on-hover>widget>box>box>button {
-  border-radius: 8px;
-  &:hover {
-    border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
-//    text-shadow: $bar-module-hover-shadow;
-  }
-}*/
-
-//.workspaces button:last-child,
-//.workspaces:last-child,
-/*.reveal_children>box:last-child,
-.reveal_children>scale:last-child,
-.reveal_children>progressbar:last-child,
-.reveal_children>button:last-child,
-.reveal_children>widget:last-child {
-  border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
-}*/
-//.workspaces button:only-child,
-//.workspaces:only-child,
-//.reveal_children>box:only-child,
-//.reveal_children>scale:only-child,
-//.reveal_children>progressbar:only-child,
-//.reveal_children>button:only-child,
-/*.reveal_children>widget:only-child {
-  border-radius:$bar-module-border-radius;  
-}*/
-/*.datetime {
-  font-weight: bold;
-}*/
 menu {
   color: $color9;
   background-color: rgba($color0,0.75);
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 1c6d953..6733d7c 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -21,7 +21,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       color: $bar-module-fg-color;
 //      background-color: $bar-bg-color;
       border-radius: $bar-module-border-radius;
-      margin: 0px 5px;
+//      margin: 0px 5px;
 //      padding: 0px 5px;
       min-width: $bar-module-width;
 //      border: 2px solid $bar-module-fg-color;
@@ -37,24 +37,25 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
 //    &>box.revealer-on-hover:not(:last-child),
     &>button,
     &>label {
-      box-shadow: 2px 0 3px -2px $bar-module-fg-color;
+//      &>:not(:last-child) {
+        box-shadow: 5px 0 3px -2px $bar-module-fg-color;
+//      }
 //      margin-left: -5px;
     }
-//    .revealer-on-hover {
-//      margin-right: -10px;
-//    }
+    .revealer-on-hover:not(:last-child) {
+      margin: 0px 10px;
+    }
     .reveal_children {
-//      background-color: $bar-reveal-children-bg-color;
+      background-color: $bar-reveal-children-bg-color;
       border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
-}
     .reveal_children>* {
-//      background-color: $bar-reveal-children-bg-color;
+      background-color: $bar-reveal-children-bg-color;
 //      margin: 0px;
       border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
 //      padding: -10px;
 //      &:first-child {
-//        box-shadow: 4px 4px 2px 4px red;
-//      }
+        box-shadow: 4px 4px 2px 4px red;
+      }
     }
   }