feat(waybar): rework theme and configuration

modules/home-manager/desktop/sway/includes/files/waybar-style.css

@@ -0,0 +1,119 @@
+@define-color color-base-bg #323232;
+@define-color color-base-fg #ddd;
+
+@define-color color-hover #f268b3;
+@define-color color-selected #1cd180;
+
+@define-color color-ok #1cd180;
+@define-color color-warning #f2b768;
+@define-color color-critical #f268b3;
+
+* {
+    border: none;
+    border-radius: 0;
+    min-height:0;
+}
+
+window#waybar {
+    background: @color-base-bg ;
+    color: @color-base-fg;
+    font-family: "Fira Code Nerd Font";
+    font-size: 12px;
+}
+
+button,
+button:disabled,label:disabled{
+    color:inherit;
+}
+
+button:hover{
+    background:none;
+    box-shadow:inherit;
+    box-shadow:inherit;
+    text-shadow:inherit;
+    text-shadow:inherit;
+    border-top:none;
+}
+#workspaces {
+    color:#fff;
+}
+#workspaces button {
+    margin:0 3px;
+    padding:4px 4px;
+    color:#9c9c9c;
+    border-bottom: 1px solid transparent;
+}
+
+#workspaces button:hover {
+    box-shadow:inherit;
+    text-shadow:inherit;
+    color: @color-hover;
+    border-bottom: 1px solid @color-hover;
+}
+
+#workspaces button.focused {
+  background: @color-selected;
+  color: @color-base-bg;
+}
+#workspaces button.visible:not(.focused) {
+    color: @color-selected;
+    border-color: @color-selected;
+}
+
+#clock,
+#cpu,
+#memory,
+#backlight,
+#network,
+#tray,
+#mode,
+#battery,
+#idle_inhibitor {
+    padding: 2px 4px;
+    margin: 0;
+    background-color: transparent;
+}
+
+#mode{
+    background:@color-warning;
+    color: @color-base-bg;
+    font-weight:200;
+    font-variant: small-caps;
+    font-size: 16px;
+}
+#pulseaudio {}
+#pulseaudio.output.muted {
+    color:@color-critical;
+}
+#pulseaudio.input.source-muted {
+    color:@color-critical;
+}
+
+#battery.discharging {
+    color: @color-base-fg;
+    border-bottom: none;
+}
+
+#battery.charging, #battery.plugged {
+    border-bottom: 1px solid @color-ok;
+    color: @color-selected;
+}
+
+#battery.critical:not(.charging),
+#cpu.critical,
+#memory.critical{
+    border-color: @color-critical;
+    color: @color-critical;
+}
+
+#battery.warning:not(.charging),
+#cpu.warning,
+#memory.warning{
+    border-color: @color-warning;
+    color: @color-warning;
+}
+
+#tray {
+    font-family: "DejaVu sans";
+    font-size: 12px;
+}