New backup 2025-07-24 15:15:03

de/home/.config/eww/eww.scss

@@ -129,7 +129,7 @@ circular-progress {
   }
 }*/
 
-.reveal_children>button {
+/*.reveal_children>button {
   image {
     opacity: 0.4;
     transition: all 0.5s;
@@ -138,14 +138,14 @@ circular-progress {
   &:hover image {
     opacity: 1;
   }
-}
+}*/
 
-.reveal_children>box,
+/*.reveal_children>box,
 .reveal_children>widget,
 .reveal_children>button {
   border-left: 1px solid $bar-module-fg-color;
-}
-.rightgroup>label,
+}*/
+/.rightgroup>label,
 .rightgroup>button {
 //.rightgroup .reveal_children>button,
 //.rightgroup>.revealer-on-hover>widget>box>box>button {
@@ -155,7 +155,7 @@ circular-progress {
   .inactive {
     color: $bar-module-inactive-fg-color
   }
-}
+}*/
 /*.leftgroup>.revealer-on-hover>widget>box>box>button {
   padding: 3px 4px;
   border-radius: $bar-module-border-radius;

de/home/.config/eww/modules/bar/scratchpad.yuck

@@ -10,7 +10,7 @@
   'scripts/bar/scratchpad')
 (defwidget scratchpad_children [array]
   (box :orientation "h"
-       :class "reveal_children"
+       :class "reveal_children scratchpad"
        :space-evenly false
       (for entry in array
         (button :onclick 'swaymsg [con_id=${entry.win_id}] focus'

de/home/.config/eww/modules/bar/tray.yuck

@@ -12,7 +12,7 @@
        :halign "center"
     (systray
       :orientation "h"
-      :class "reveal_children"
+      :class "reveal_children tray"
       :space-evenly true
       :spacing 0
       :icon-size 20

de/home/.config/eww/style/bar.scss

@@ -17,14 +17,9 @@
       min-width: $bar-module-width;
       border: 2px solid $bar-module-fg-color;
       background-color: $bar-module-bg-color;
-//      padding: 0px 10px;
     }
   }
 
-/*  .workspaces button{
-    background-color: green;
-  }*/
-
   .workspaces {
     border-radius: $bar-module-border-radius;
     margin: 0px 5px;
@@ -33,14 +28,10 @@
     background-color: $bar-module-bg-color;
 
     button {
-//      overflow: hidden;
-//      border-left: 2px solid blue;
-//      background-color: blue;
       &.left {
         border-right: 2px solid $bar-module-fg-color;
       }
       &.center {
-//        background-color: red;
         text-shadow: $bar-module-active-shadow;
         color: $bar-module-active-fg-color;
       }
@@ -77,15 +68,12 @@
       box-shadow: 0px 0px 0px 2px $color2;
     }
   }
-  //value graphs
   circular-progress {
     color: $color9;
     background-color: $color2;
   }
-//  .revealer-on-hover>widget>
   .revealer-on-hover>widget>box>box>*,
-  .reveal_children>*,
-  .reveal_children>widget>image {
+  .reveal_children>* {
     padding: 3px 4px;
     min-width: $bar-module-width;
     transition: all 0.3s;
@@ -93,4 +81,20 @@
       text-shadow: $bar-module-hover-shadow;
     }
   }
+  .tray>widget>image,
+  .scratchpad>button>image {
+    padding: 3px 4px;
+    min-width: $bar-module-width;
+  }
+  .tray>widget,
+  .scratchpad>button {
+    image{
+      opacity: 0.4;
+      transition: all 0.3s;
+      border-radius: 4px;
+    }
+    &:hover,&:hover image {
+      opacity: 1;
+    }
+  }
 }