feat: EWW power menu

home-manager/wayland/eww/eww.scss

@@ -9,6 +9,7 @@ $accent: #f6a8cf;
 
 * {
   all: unset;
+  font-family: "Quicksand Medium";
 }
 
 @mixin segment {
@@ -19,18 +20,17 @@ $accent: #f6a8cf;
 
 .bar {
   background-color: $background;
-  font-family: "Quicksand Medium";
   color: $foreground;
   font-size: 13px;
 
-  padding: 3px 10px;
+  padding: 3px 0px;
 }
 
 
 tooltip {
-  background-color: rgba(0,0,0,0.8);
-  font-family: "JetBrains Mono";
-  font-size: 12px;
+  background-color: rgba(22, 16, 30, 0.9);
+  border-radius: 5px;
+  font-size: 13px;
 }
 
 .detail {
@@ -45,7 +45,7 @@ tooltip {
 }
 
 .bar-window {
-  margin-left: 4px;
+  margin-left: 14px;
 
   .detail {
     margin-top: 1px;
@@ -71,12 +71,9 @@ tooltip {
 
 .bar-music {
   @include segment;
-  padding-left: 3px;
-  padding-right: 10px;
+  padding: 0px 2px;
 
   .progress {
-    margin-right: 5px;
-
     .back {
       color: $background-scale;
     }
@@ -86,6 +83,12 @@ tooltip {
     }
   }
 
+  .symbol.stopped {
+    font-size: 15px;
+    color: $foreground-alt;
+    margin-left: -2px;
+  }
+
   .symbol.paused {
     font-size: 12px;
     margin-left: 2px;
@@ -96,6 +99,11 @@ tooltip {
     margin-top: 1px;
   }
 
+  .bar-music-meta {
+    margin-left: 6px;
+    margin-right: 10px;
+  }
+
   .bar-artist {
     margin-top: 1px;
     margin-bottom: -2px;
@@ -247,12 +255,19 @@ scale trough {
   }
 }
 
-.bar-idleinhibit {
-  margin-left: 3px;
-  margin-right: 4px;
-  color: $disabled;
+.bar-power {
+  font-size: 18px;
+  margin-left: 4px;
+  margin-right: 10px;
+  color: #f7768e;
+}
 
-  &.active {
-    color: #f7768e;
+.power {
+  font-size: 36px;
+
+  button > box {
+    background-color: $background;
+    border-radius: 8px;
+    margin: 5px;
   }
 }