From 3a1ee8ce42db3becbe1b2d812dbd251a51626ea2 Mon Sep 17 00:00:00 2001
From: Penelope Gwen <support@pogmom.me>
Date: Thu, 24 Jul 2025 12:00:02 -0700
Subject: [PATCH] New backup 2025-07-24 12:00:02

---
 de/home/.config/eww/eww.scss       | 31 ++++++++++++++++--------------
 de/home/.config/eww/style/bar.scss | 21 ++++++++++++++++++++
 2 files changed, 38 insertions(+), 14 deletions(-)
 create mode 100644 de/home/.config/eww/style/bar.scss

diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 4b970db..881d20a 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -1,6 +1,7 @@
 * {
   all: unset; // Unsets everything so you can style everything from scratch
-/*  font-family: FontAwesome, Overpass;*/
+
+/*  font-family: FontAwesome, Overpass; */
   font-family: PogmomIcons, Overpass Nerd Font Propo;
 }
 
@@ -12,31 +13,33 @@ $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);
-//$bar-active-bg-color: rgba($color1,0.5);
-//$bar-active-fg-color: $color1;
-//$bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
+// $bar-active-bg-color: rgba($color1,0.5);
+// $bar-active-fg-color: $color1;
+// $bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
 $bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($color8,0.6),1px -1px 4px rgba($color8,0.6),-1px -1px 4px rgba($color8,0.6);
 $bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45);
 $bar-hover-bg-color: rgba($color1,0.5);
 $bar-hover-fg-color: rgba($color13,0.6);
 $bar-module-border-radius: 8px;
 
+@import "./style/bar.scss";
+
 // Global Styles
 .bar {
-  font-size: 1.05em;
-  padding: 10px 0px 0px;
-  margin: 0px 15px;
+//  font-size: 1.05em;
+//  padding: 10px 0px 0px;
+//  margin: 0px 15px;
 
-//bar groups
-.leftgroup,
+// 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>box:not(.workspaces):not(.revealer-on-hover),
 .leftgroup>button,
 .centergroup>*,
 .rightgroup>*:not(.revealer-on-hover) {
@@ -45,9 +48,9 @@ $bar-module-border-radius: 8px;
   border: 1px solid $bar-module-fg-color;
   background-color: $bar-module-bg-color;
   padding: 0px 10px;
-}
+}*/
 
-.revealer-on-hover {
+/*.revealer-on-hover {
   margin: 5px;
   min-width: $bar-module-width;
   background-color: $bar-module-bg-color;
@@ -58,7 +61,7 @@ $bar-module-border-radius: 8px;
   .reveal_children label {
     padding: 0px 5px;
   }
-}
+}*/
 .workspaces>revealer>box>box>button,
 .workspaces>box>box>button {
   margin: 5px 0px;
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
new file mode 100644
index 0000000..2837fb5
--- /dev/null
+++ b/de/home/.config/eww/style/bar.scss
@@ -0,0 +1,21 @@
+.bar {
+  font-size: 1.05em;
+  padding: 10px 0px 0px;
+  margin: 0px 15px;
+
+  .leftgroup,
+  .centergroup,
+  .rightgroup {
+    background-color: $bar-bg-color;
+    border-radius: $bar-module-border-radius;
+    &>box,
+    &>button,
+    &>label {
+      margin: 5px 0px;
+      min-width: $bar-module-width;
+      border: 1px solid $bar-module-fg-color;
+      background-color: $bar-module-bg-color;
+      padding: 0px 10px;
+    }
+  }
+}