update eww config

eww/eww.scss

@@ -1,7 +1,7 @@
 @import "scss/themes/onedark.scss";
 
 // header
-@import "scss/header/equalizer.scss";
+@import "scss/header/statusBtns.scss";
 @import "scss/header/fetch.scss";
 
 // focal
@@ -10,7 +10,7 @@
 
 // footer
 @import "scss/footer/btns.scss";
-@import "scss/footer/brightness.scss";
+@import "scss/footer/backlight.scss";
 
 .eww {
   padding: 1rem;

eww/eww.yuck

@@ -23,5 +23,5 @@
            :geometry (geometry :x "-1%"
                                :y "-2%"
                                :anchor "right bottom")
-           :wm-ignore true
+           :wm-ignore false
 (dashboard))

eww/scss/footer/backlight.scss

@@ -0,0 +1,20 @@
+* {
+  all: unset;
+}
+
+.brightness {
+  padding: 0 1rem;
+  margin-bottom: -2rem;
+}
+
+.brightness scale trough highlight {
+  background-color: $red; 
+  border-radius: 10px;
+}
+
+.brightness scale trough {
+  background-color: $grey;
+  border-radius: 1rem;
+  min-width: 16rem;
+  min-height: .3rem;
+}

eww/scss/footer/btns.scss

@@ -14,6 +14,7 @@
 .sleep {
   color: $red;
 }
+
 .restart {
   color: $green;
 }
@@ -23,7 +24,7 @@
   padding: 0 1.4rem;
 }
 
-.lock:hover , .restart:hover, .close:hover, .wifi:hover{
+.lock:hover , .restart:hover, .wifi:hover, .sleep:hover{
   background-color: $green;
   color: $black;
 }

eww/scss/header/equalizer.scss

@@ -9,6 +9,7 @@
   color: $yellow;
 }
 
-.max {
-  color: $green;
+.close:hover , .min:hover{
+  background-color: $grey;
+  border-radius: 50%; 
 }

eww/scss/header/statusBtns.scss

@@ -0,0 +1,16 @@
+.close , .min , .max{
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 1.3rem;
+  padding: 0 0.3rem;
+  color: $red;
+}
+
+.min {
+  color: $yellow;
+}
+
+.close:hover , .min:hover{
+  background-color: $grey;
+  color: $white;
+  border-radius: 50%; 
+}