From bc2093fa143594b6a68262a3e7fabf18d8374798 Mon Sep 17 00:00:00 2001
From: Frantisek Bohacek <rutherther@proton.me>
Date: Fri, 19 Jul 2024 19:03:54 +0200
Subject: [PATCH] feat: update waybar status

---
 .../profiles/desktop/dwl/waybar/style.css     | 192 +++---------------
 1 file changed, 26 insertions(+), 166 deletions(-)

diff --git a/home/modules/profiles/desktop/dwl/waybar/style.css b/home/modules/profiles/desktop/dwl/waybar/style.css
index 5508f1f..0623796 100644
--- a/home/modules/profiles/desktop/dwl/waybar/style.css
+++ b/home/modules/profiles/desktop/dwl/waybar/style.css
@@ -90,6 +90,7 @@ button:hover {
 #mpd {
     padding: 0 10px;
     color: #ffffff;
+    box-shadow: inset 0 -3px #4a4b4f;
 }
 
 #window,
@@ -108,17 +109,7 @@ button:hover {
 }
 
 #clock {
-    background-color: #64727D;
-}
-
-#battery {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-#battery.charging, #battery.plugged {
-    color: #ffffff;
-    background-color: #26A65B;
+    box-shadow: inset 0 -3px #2980b9;
 }
 
 @keyframes blink {
@@ -132,6 +123,7 @@ button:hover {
 #battery.critical:not(.charging) {
     background-color: #f53c3c;
     color: #ffffff;
+    box-shadow: none;
     animation-name: blink;
     animation-duration: 0.5s;
     animation-timing-function: steps(12);
@@ -143,85 +135,20 @@ button:hover {
     padding-right: 15px;
 }
 
-#power-profiles-daemon.performance {
-    background-color: #f53c3c;
-    color: #ffffff;
-}
-
-#power-profiles-daemon.balanced {
-    background-color: #2980b9;
-    color: #ffffff;
-}
-
-#power-profiles-daemon.power-saver {
-    background-color: #2ecc71;
-    color: #000000;
-}
-
 label:focus {
     background-color: #000000;
 }
 
 #cpu {
-    background-color: #2ecc71;
-    color: #000000;
-}
-
-#memory {
-    background-color: #9b59b6;
-}
-
-#disk {
-    background-color: #964B00;
-}
-
-#backlight {
-    background-color: #90b1b1;
-}
-
-#network {
-    background-color: #2980b9;
+    /* box-shadow: inset 0 -3px #2ecc71; */
 }
 
 #network.disconnected {
-    background-color: #f53c3c;
-}
-
-#pulseaudio {
-    background-color: #f1c40f;
-    color: #000000;
-}
-
-#pulseaudio.muted {
-    background-color: #90b1b1;
-    color: #2a5c45;
-}
-
-#wireplumber {
-    background-color: #fff0f5;
-    color: #000000;
-}
-
-#wireplumber.muted {
-    background-color: #f53c3c;
-}
-
-#custom-media {
-    background-color: #66cc99;
-    color: #2a5c45;
-    min-width: 100px;
-}
-
-#custom-media.custom-spotify {
-    background-color: #66cc99;
-}
-
-#custom-media.custom-vlc {
-    background-color: #ffa000;
+    box-shadow: inset 0 -3px #f53c3c;
 }
 
 #temperature {
-    background-color: #f0932b;
+    /* box-shadow: inset 0 -3px #f0932b; */
 }
 
 #temperature.critical {
@@ -229,7 +156,7 @@ label:focus {
 }
 
 #tray {
-    background-color: #2980b9;
+    /* box-shadow: inset 0 -3px #2980b9; */
 }
 
 #tray > .passive {
@@ -241,85 +168,6 @@ label:focus {
     background-color: #eb4d4b;
 }
 
-#idle_inhibitor {
-    background-color: #2d3436;
-}
-
-#idle_inhibitor.activated {
-    background-color: #ecf0f1;
-    color: #2d3436;
-}
-
-#mpd {
-    background-color: #66cc99;
-    color: #2a5c45;
-}
-
-#mpd.disconnected {
-    background-color: #f53c3c;
-}
-
-#mpd.stopped {
-    background-color: #90b1b1;
-}
-
-#mpd.paused {
-    background-color: #51a37a;
-}
-
-#language {
-    background: #00b093;
-    color: #740864;
-    padding: 0 5px;
-    margin: 0 5px;
-    min-width: 16px;
-}
-
-#keyboard-state {
-    background: #97e1ad;
-    color: #000000;
-    padding: 0 0px;
-    margin: 0 5px;
-    min-width: 16px;
-}
-
-#keyboard-state > label {
-    padding: 0 5px;
-}
-
-#keyboard-state > label.locked {
-    background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad {
-    background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad.empty {
-	background-color: transparent;
-}
-
-#privacy {
-    padding: 0;
-}
-
-#privacy-item {
-    padding: 0 5px;
-    color: white;
-}
-
-#privacy-item.screenshare {
-    background-color: #cf5700;
-}
-
-#privacy-item.audio-in {
-    background-color: #1ca000;
-}
-
-#privacy-item.audio-out {
-    background-color: #0069d4;
-}
-
 #tags {
     min-width: 0;
 }
@@ -332,22 +180,34 @@ label:focus {
 }
 
 #tags button.occupied {
-    background-color: #64727D;
+    box-shadow: inset 0 -3px #4a4b4f;
+}
+
+#tags button.occupied:hover, #tags button:hover {
+    box-shadow: inset 0 -3px #6c6d71;
 }
 
 #tags button.focused-other {
-    background-color: #57a277;
+    box-shadow: inset 0 -3px #57a277;
+}
+
+#tags button.focused-other:hover {
+    box-shadow: inset 0 -3px #79c499;
 }
 
 #tags button.focused {
-    background-color: #2980b9;
-    box-shadow: inset 0 -3px #1bd6e0;
+    /* box-shadow: inset 0 -3px #1bd6e0; */
+    box-shadow: inset 0 -3px #1be0d0;
+}
+
+#tags button.focused:hover {
+    box-shadow: inset 0 -3px #60fcf5;
 }
 
 #tags button.urgent {
-    background-color: #eb4d4b;
+    box-shadow: inset 0 -3px #eb4d4b;
 }
 
-#tags button.urgent.focused {
-    background-color: #f0932b;
+#tags button.urgent:hover {
+    box-shadow: inset 0 -3px #f0932b;
 }
-- 
2.48.1