update settings

.config/waybar/style.css

@@ -1,37 +1,109 @@
-@import url("/etc/xdg/waybar/style.css");
+* {
+  border: none;
+  border-radius: 8px;
+  font-family: "SauceCodePro Nerd Font", "SauceCodePro Nerd Font Mono", "Symbols Nerd Font Mono", "Symbols Nerd Font", "Font Awesome 7 Free", sans-serif;
+  font-size: 14px;
+  min-height: 0;
+}
 
+window#waybar {
+  background: alpha(#2e3440, 0.92);
+  color: #eceff4;
+  border-bottom: 2px solid alpha(#5e81ac, 0.55);
+}
+
+tooltip {
+  background: #3b4252;
+  color: #eceff4;
+  border: 1px solid #4c566a;
+}
+
+#workspaces {
+  background: alpha(#3b4252, 0.88);
+  padding: 2px 6px;
+}
+
+#workspaces button {
+  color: #d8dee9;
+  background: transparent;
+  padding: 2px 10px;
+  margin: 0 2px;
+}
+
+#workspaces button:hover {
+  background: alpha(#4c566a, 0.55);
+}
+
+#workspaces button.active {
+  color: #2e3440;
+  background: #88c0d0;
+}
+
+#workspaces button.urgent {
+  color: #eceff4;
+  background: #bf616a;
+}
+
+#window,
+#clock,
 #custom-screenshot,
 #idle_inhibitor,
 #pulseaudio,
 #network,
-#clock,
 #cpu,
 #memory,
 #tray,
 #custom-mount-data,
 #custom-mount-usb1 {
-  font-family: "SauceCodePro Nerd Font", "SauceCodePro Nerd Font Mono", "Symbols Nerd Font Mono", "Symbols Nerd Font", "Font Awesome 7 Free", sans-serif;
+  background: alpha(#3b4252, 0.88);
+  color: #eceff4;
+  padding: 0 10px;
+  margin: 4px 3px;
 }
 
-#custom-screenshot {
-  padding: 0 10px;
+#clock {
+  background: alpha(#5e81ac, 0.35);
+}
+
+#cpu,
+#memory {
+  background: alpha(#81a1c1, 0.25);
+}
+
+#network {
+  background: alpha(#88c0d0, 0.22);
+}
+
+#network.disconnected {
+  color: #bf616a;
+  background: alpha(#bf616a, 0.18);
+}
+
+#pulseaudio.muted {
+  color: #ebcb8b;
+}
+
+#idle_inhibitor.activated {
+  color: #a3be8c;
+}
+
+#idle_inhibitor.deactivated {
+  color: #bf616a;
 }
 
 #custom-mount-data,
 #custom-mount-usb1 {
-  padding: 0 10px;
-  border-radius: 6px;
   font-weight: 600;
 }
 
 #custom-mount-data.mounted,
 #custom-mount-usb1.mounted {
   color: #a3be8c;
-  background: rgba(163, 190, 140, 0.12);
+  background: alpha(#a3be8c, 0.12);
 }
 
 #custom-mount-data.unmounted,
 #custom-mount-usb1.unmounted {
   color: #bf616a;
-  background: rgba(191, 97, 106, 0.14);
+  background: alpha(#bf616a, 0.16);
 }