Finished hacker theme mostly and added some other configs

themes/hacker/.config/waybar/colors.css

@@ -0,0 +1,13 @@
+@define-color background-darkest rgba(12, 14, 12, 255);
+@define-color background-darker rgba(20, 21, 20, 230);
+@define-color background #141514;
+@define-color background-active #1e1f1e;
+@define-color selection #2a2b2a;
+@define-color foreground #f4decd;
+@define-color comment #6a6a6a;
+@define-color orange #ef934d;
+@define-color red #f16e65;
+@define-color green #7ec97e;
+@define-color blue #71b4d6;
+@define-color yellow #e8c97e;
+@define-color cyan #7ec9c4;

themes/hacker/.config/waybar/config

@@ -0,0 +1,58 @@
+{
+  "layer": "top",
+  "position": "top",
+  "height": 24,
+  "spacing": 4,
+  "modules-left": [
+    "sway/workspaces"
+  ],
+  "modules-center": [
+    "sway/window"
+  ],
+  "modules-right": [
+    "custom/media",
+    "custom/updates",
+    "custom/storage",
+    "tray",
+    "clock"
+  ],
+  "sway/workspaces": {
+    "disable-scroll": false,
+    "all-outputs": false,
+    "format": "{name}"
+  },
+  "sway/window": {
+    "max-length": 128
+  },
+  "clock": {
+    "format": "{:%m/%d/%Y %I:%M %p}",
+    "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
+  },
+  "tray": {
+    "spacing": 4
+  },
+  "custom/media": {
+    "exec": "~/.config/waybar/mediaplayer.py --player spotify_player",
+    "return-type": "json",
+    "interval": 0,
+    "on-click": "playerctl play-pause",
+    "tooltip": false
+  },
+  "custom/storage": {
+    "exec": "~/.config/waybar/modules/storage.sh",
+    "return-type": "json",
+    "interval": 900,
+    "format": "{}",
+    "tooltip": false
+  },
+  "custom/updates": {
+    "exec": "~/.config/waybar/modules/update-check.sh",
+    "interval": 900,
+    "return-type": "json",
+    "format": "{text}",
+    "on-click": "kitty -e fish -ic 'update'",
+    "on-output": "class: no-updates",
+    "on-error": "class: updates-available",
+    "tooltip": false
+  }
+}

themes/hacker/.config/waybar/style.css

@@ -0,0 +1,61 @@
+@import url("./colors.css");
+* {
+    border: none;
+    border-radius: 0;
+    font-family: "RobotoMono Nerd Font", "Iosevka Term", monospace;
+    font-size: 11pt;
+    min-height: 0;
+}
+window#waybar {
+    background: @background;
+    color: @foreground;
+    border-bottom: 2px solid @orange;
+}
+#workspaces button {
+    padding: 0 10px;
+    background: @background;
+    color: @comment;
+    border-radius: 0;
+}
+#workspaces button:hover {
+    box-shadow: inherit;
+    text-shadow: inherit;
+    background: @background-active;
+    color: @foreground;
+}
+#workspaces button.focused,
+#workspaces button.active {
+    background: @background-active;
+    color: @orange;
+    border-bottom: 2px solid @orange;
+}
+#workspaces button.urgent {
+    background: @background-active;
+    color: @red;
+    border-bottom: 2px solid @red;
+}
+#clock {
+    padding: 0 8px;
+    color: @foreground;
+}
+#custom-updates.no-updates {
+    color: @comment;
+}
+#custom-updates.updates-available {
+    color: @orange;
+}
+#custom-media {
+    color: @foreground;
+    padding: 0 4px;
+}
+#custom-storage {
+    color: @comment;
+    padding: 0 4px;
+}
+#tray {
+    padding: 0 4px;
+}
+#window {
+    color: @comment;
+    padding: 0 4px;
+}