waybar: config cleanup and style changes

1 files changed, 31 insertions, 49 deletions

diff --git a/dotfiles/.config/waybar/style.css b/dotfiles/.config/waybar/style.css
index 1871a66..e69365a 100644
--- a/dotfiles/.config/waybar/style.css
+++ b/dotfiles/.config/waybar/style.css
@@ -3,65 +3,26 @@
   	font-family: monospace;
 }
 window#waybar {
-  	background: #000000;
-  	/* background: linear-gradient(#000000, #151515); */
+  	background: #1e1c1a;
   	color: #f2eccf;
   	min-height: 0;
-  	border-bottom: 2px solid #33333a;
-}
-#tray,
-#language,
-#custom-torrent-status,
-#workspaces {
-  	background: #151517;
-  	margin: 3px 0 3px 0;
-  	border-style: solid;
-  	border-color: #33333a;
+  	border: 2px solid #33333a;
 }
 #memory.warning {
 	color: #b2872f;
 }
-#tray{
-  	border-width: 2px 2px 2px 0;
-}
-#custom-torrent-status{
-  	border-width: 2px 0 2px 0;
-}
-#language {
-  	border-width: 2px 0 2px 2px;
-}
-#workspaces {
-  	padding: 0;
-  	margin-right: 6px;
-  	border-width: 2px;
-}
-#workspaces button {
-  	padding: 0 0.6em;
-  	color: #fcf8e2;
-  	border-radius: 0;
-  	border: 1px solid rgba(0, 0, 0, 0);
-}
-#workspaces button.visible {
-  	color:  #7fac96;
-  	border-color: #7fac96;
-}
-#workspaces button.focused {
-  	color:  #000000;
-  	border-color: #7fac96;
-  	background: linear-gradient(60deg, #5b8277, #99d0b5);
-}
-#workspaces button:hover {
-  	border: 1px solid #5b8277;
-}
+#cpu,
 #mpd,
 #tray,
 #clock,
+#mpris,
 #memory,
 #battery,
 #network,
 #backlight,
-#pulseaudio,
+#workspaces,
 #temperature,
+#wireplumber,
 #custom-weather,
 #custom-swaykbd,
 #custom-ds4battery,
@@ -69,12 +30,33 @@ window#waybar {
 #custom-pac-status,
 #custom-mail-status,
 #custom-news-status,
-#custom-waybar-mpris,
 #custom-batwatt,
 #custom-torrent-status {
 	color: #fcf8e2;
-  	padding: 0 6px;
+  	padding: 0 0.4em;
+  	margin: 2px;
+}
+#workspaces {
+  	padding: 0;
+  	margin: 3px;
+  	background: #4a4842;
+}
+#workspaces button {
+  	padding: 0 0.75em;
+  	color: #fcf8e2;
+  	border-radius: 0;
+  	border: 1px solid #1e1e23;
 }
-#custom-weather {
-  	color: #5b8277;
+#workspaces button.visible,
+#workspaces button.active {
+  	color:  #7fac96;
+  	border-color: #7fac96;
+}
+#workspaces button.focused {
+  	color:  #000000;
+  	border-color: #7fac96;
+  	background: linear-gradient(60deg, #5b8277, #99d0b5);
+}
+#workspaces button:hover {
+  	border: 1px solid #5b8277;
 }