basic waybar config

waybar/styles/common.css

@@ -0,0 +1,4 @@
+.module-base {
+  padding: 0 10px;
+  color: #ddd
+}

waybar/styles/modules/clock.css

@@ -0,0 +1,10 @@
+@import url('../common.css');
+
+#clock {
+  border: solid 1px #5e81ac;
+  border-radius: 9999px;
+  padding: 0 10px;
+  color: #eee;
+  background: linear-gradient(144deg, #8fbcbb 0%, #5e81ac 100%);
+}
+

waybar/styles/modules/cpu.css

@@ -0,0 +1,6 @@
+#cpu {
+  padding: 0 10px;
+  background-color: #2ecc71;
+  color: #333;
+}
+

waybar/styles/modules/idle.css

@@ -0,0 +1,9 @@
+#idle_inhibitor {
+  background-color: #2d3436;
+}
+
+#idle_inhibitor.activated {
+  background-color: #ecf0f1;
+  color: #2d3436;
+}
+

waybar/styles/modules/memory.css

@@ -0,0 +1,6 @@
+#memory {
+  padding: 0 10px;
+  color: #ddd;
+  background-color: #9b59b6;
+}
+

waybar/styles/modules/network.css

@@ -0,0 +1,10 @@
+#network {
+  padding: 10px;
+  color: #ddd;
+  background-color: #2980b9;
+}
+
+#network.disconnected {
+  background-color: #f53c3c;
+}
+

waybar/styles/modules/temperature.css

@@ -0,0 +1,10 @@
+#temperature {
+  padding: 0 10px;
+  color: #ddd;
+  background-color: #f0932b;
+}
+
+#temperature.critical {
+  background-color: #eb4d4b;
+}
+

waybar/styles/modules/tray.css

@@ -0,0 +1,13 @@
+#tray {
+  background-color: #2980b9;
+}
+
+#tray > .passive {
+  -gtk-icon-effect: dim;
+}
+
+#tray > .needs-attention {
+  -gtk-icon-effect: highlight;
+  background-color: #eb4d4b;
+}
+

waybar/styles/modules/window.css

@@ -0,0 +1,2 @@
+
+

waybar/styles/modules/wireplumber.css

@@ -0,0 +1,10 @@
+#wireplumber {
+  background-color: #fff0f5;
+  padding: 0 10px;
+  color: #000000;
+}
+
+#wireplumber.muted {
+  background-color: #f53c3c;
+}
+

waybar/styles/modules/workspaces.css

@@ -0,0 +1,28 @@
+
+#workspaces {
+  padding-right: 5px;
+}
+
+#workspaces button {
+  padding: 0 5px;
+  background-color: transparent;
+  color: #ddd;
+}
+
+#workspaces button.active {
+  color: #5e81ac;
+}
+
+#workspaces button:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+#workspaces button.focused {
+  background-color: #64727d;
+  box-shadow: inset 0 -3px #ffffff;
+}
+
+#workspaces button.urgent {
+  background-color: #eb4d4b;
+}
+

waybar/styles/waybar.css

@@ -0,0 +1,21 @@
+window#waybar {
+  background-color: rgba(43, 48, 59, 0.5);
+  border-bottom: 2px solid rgba(100, 114, 125, 0.5);
+  color: #ffffff;
+  transition-property: background-color;
+  transition-duration: 0.5s;
+}
+
+window#waybar.hidden {
+  opacity: 0.2;
+}
+
+window#waybar.termite {
+  background-color: #3f3f3f;
+}
+
+window#waybar.chromium {
+  background-color: #000000;
+  border: none;
+}
+