diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 9643fc6..41d77a1 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -16,6 +16,7 @@ $bar-module-active-fg-color: rgba($color13,0.9);
 //$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.5),-1px 1px 4px rgba($color8,0.5),1px -1px 4px rgba($color8,0.5),-1px -1px 4px rgba($color8,0.5);
+$bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.25),-1px 1px 4px rgba($color8,0.25),1px -1px 4px rgba($color8,0.25),-1px -1px 4px rgba($color8,0.25);
 $bar-hover-bg-color: rgba($color1,0.5);
 $bar-hover-fg-color: rgba($color13,0.6);
 $bar-module-border-radius: 8px;
@@ -91,6 +92,12 @@ progressbar>trough>progress {
   min-height: 10px;
 }
 
+scale trough:hover,
+scale trough highlight:hover {
+  box-shadow: 0px 0px 0px 2px $color2;
+  transition: box-shadow 0.25s;
+}
+
 //value graphs
 circular-progress {
   color: $color9;
@@ -109,7 +116,8 @@ circular-progress {
   padding: 3px 4px;
   min-width: $bar-module-width;
   &:hover {
-    background-color: rgba($color1,0.5);
+      text-shadow: $bar-module-hover-shadow;
+//    background-color: rgba($color1,0.5);
 //    border: 1px solid $bar-module-fg-color;
   }
 }
@@ -165,10 +173,10 @@ label {
 .rightgroup button:hover,
 .leftgroup button:hover {
 //  background-color: $bar-hover-bg-color;
-  text-shadow: $bar-hover-bg-color;
+  text-shadow: $bar-module-hover-shadow;
   color: $bar-hover-fg-color;
-  transition-property: background-color;
-  transition-duration: .25s;
+//  transition-property: background-color;
+//  transition-duration: .25s;
 }
 
 .workspaces .focused{