Converted waybar to a home module

modules/home/programs/waybar/waybar_style.css

@@ -0,0 +1,138 @@
+* {
+    border: none;
+    font-family: Hack Nerd Font, sans-serif;
+    font-size: 1em;
+}
+
+window#waybar {
+    background-color: rgba(29, 32, 33, 0.9);
+    border-bottom: 3px solid #1d2021;
+    color: #ffffdf;
+    transition-property: background-color;
+    transition-duration: .5s;
+}
+
+window#waybar.hidden {
+    opacity: 0.2;
+}
+
+#workspaces,
+#mode,
+#cpu,
+#memory,
+#temperature,
+#clock,
+#idle_inhibitor,
+#language,
+#pulseaudio,
+#backlight,
+#battery,
+#network,
+#tray,
+#custom-notification {
+    background-color: #303030;
+    padding: 0 10px;
+    margin: 3px;
+    border: 3px solid rgba(0, 0, 0, 0);
+    border-radius: 90px;
+    background-clip: padding-box;
+}
+
+#workspaces button {
+    padding: 0 5px;
+    min-width: 20px;
+    color: #87afaf;
+}
+
+#workspaces button:hover {
+    background-color: rgba(0, 0, 0, 1)
+}
+
+#workspaces button.focused {
+    color: #ffaf00;
+}
+
+#workspaces button.urgent {
+    color: #e06c75;
+}
+
+#clock {
+    color: #61afef;
+}
+
+#idle_inhibitor {
+    color: #abb2bf;
+}
+
+#idle_inhibitor.activated {
+    background-color: #abb2bf;
+    color: #1e222a;
+}
+
+#temperature {
+    color: #fb4934;
+}
+
+#temperature.critical {
+    color: #1d2021;
+    background-color: #9d0006;
+}
+
+#cpu {
+    color: #ff8700;
+}
+
+#memory {
+    color: #87af87;
+}
+
+#battery {
+    color: #b8bb26;
+}
+
+#battery.charging,
+#battery.plugged {
+    background-color: #1f321c;
+    color: #ffffaf;
+}
+
+@keyframes blink {
+    to {
+        background-color: #1f321c;
+        color: #ffffaf;
+    }
+}
+
+#battery.critical:not(.charging) {
+    background-color: #afaf00;
+    color: #303030;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+#pulseaudio {
+    color: #fabd2f;
+}
+
+#pulseaudio.muted {
+    color: #b57614;
+}
+
+#backlight {
+    color: #17ccd5;
+}
+
+#network {
+    color: #d787af;
+}
+
+#network.disconnected {
+    color: #875f87;
+}
+
+#custom\/notification {
+    color: red;
+}