Copied my functional folder, started generalising henrovnix and writing documentation

henrovnix_ok/assets/conf/desktop/waybar/style.css

@@ -0,0 +1,89 @@
+* {
+font-family: Aporetic Sans Mono, Iosevka Nerd Font, Roboto, Helvetica, Arial, sans-serif;
+font-size: 13px;
+}
+
+window#waybar {
+    background-color: @base;
+    color: @text;
+    transition-property: background-color;
+    border-bottom: 0px solid rgba(0, 0, 0, 0);
+    transition-duration: .5s;
+}
+
+#workspaces button {
+padding: 0 5px;
+background-color: transparent;
+border: none;
+border-radius: 0;
+color: @text;
+}
+
+#workspaces button:hover {
+background: @surface1;
+color: @text;
+}
+
+#workspaces button.active {
+background-color: @green;
+color: @base;
+box-shadow: inset 0 -3px @subtext1;
+}
+
+#clock,
+#idle_inhibitor,
+#battery,
+#cpu,
+#memory,
+#temperature,
+#network,
+#pulseaudio,
+#tray {
+margin: 0 5px;
+padding: 0 2px;
+}
+
+#idle_inhibitor.activated {
+background-color: @green;
+}
+
+#battery.charging {
+color: @green;
+}
+
+@keyframes blink {
+    to {
+        background-color: #ffffff;
+        color: black;
+    }
+}
+
+#battery.warning:not(.charging) {
+color: white;
+animation-name: blink;
+animation-duration: 0.5s;
+animation-timing-function: linear;
+animation-iteration-count: infinite;
+animation-direction: alternate;
+}
+
+#window,
+#workspaces {
+margin: 0 4px;
+}
+
+.modules-left > widget:first-child > #workspaces {
+    margin-left: 0;
+}
+
+.modules-right > widget:last-child > #workspaces {
+    margin-right: 0;
+}
+
+#network.disconnected {
+background-color: @red;
+}
+
+#temperature.critical {
+background-color: @red;
+}