waybar: change icons and reorder left-side modules

1 files changed, 21 insertions, 7 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 0a0b60b..7bac15e 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -9,8 +9,8 @@
 * {
   border: none;
   border-radius: 0;
-  font-family: Iosevka SS05, Noto Mono, Material Design Icons, Font Awesome;
-  font-size: 12pt;
+  font-family: Iosevka SS14, Noto Mono, Material Design Icons, Font Awesome;
+  font-size: 11pt;
 }
 
 #window,
@@ -24,7 +24,9 @@
 #backlight,
 #network,
 #pulseaudio,
-#custom-media,
+#custom-mpd,
+#custom-mpv,
+#custom-spotify,
 #custom-toggl,
 #custom-redshift,
 #custom-weather,
@@ -133,6 +135,9 @@ label:focus {
 #cpu {}
 #memory {}
 #backlight {}
+#backlight.off {
+  color: @dimmed;
+}
 #network {}
 #network.disconnected {
   border-top: 2px solid @urgent;
@@ -166,16 +171,22 @@ label:focus {
   color: unset;
 }
 
-#custom-media {
+#custom-mpd,
+#custom-mpv,
+#custom-spotify {
   min-width: 100px;
   color: @foreground;
   border-top: 2px solid #628aaa;
 }
-#custom-media.custom-spotify,
-#custom-media.custom-spotifyd {
+#custom-mpd.paused,
+#custom-mpv.paused,
+#custom-spotify.paused {
+  color: @dimmed;
+}
+#custom-spotify {
   border-top: 2px solid #1DB954;
 }
-#custom-media.custom-mpv {
+#custom-mpv {
   border-top: 2px solid #520053;
 }
 
@@ -211,6 +222,9 @@ label:focus {
 #custom-weather {
   color: @dimmed;
 }
+#custom-weather.sunny {
+  /* color: rgba(255,206,66, 0.4); */
+}
 
 #mpd {
   color: @foreground;