diff --git a/waybar/colors.css b/waybar/colors.css
new file mode 100644
index 0000000..7de79b7
--- /dev/null
+++ b/waybar/colors.css
@@ -0,0 +1,26 @@
+@define-color rosewater #f5e0dc;
+@define-color flamingo #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color mauve #cba6f7;
+@define-color red #f38ba8;
+@define-color maroon #eba0ac;
+@define-color peach #fab387;
+@define-color yellow #f9e2af;
+@define-color green #a6e3a1;
+@define-color teal #94e2d5;
+@define-color sky #89dceb;
+@define-color sapphire #74c7ec;
+@define-color blue #89b4fa;
+@define-color lavender #b4befe;
+@define-color text #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+@define-color base #1a1c2d;
+@define-color mantle #0D0F17;
+@define-color crust #0C0D14;
diff --git a/waybar/config b/waybar/config
new file mode 100644
index 0000000..cfa267f
--- /dev/null
+++ b/waybar/config
@@ -0,0 +1,56 @@
+// vim: ft=jsonc
+// -*- mode: jsonc -*-
+{
+    "output": "DP-2",
+    "position": "bottom",
+    "height": 34,
+    "spacing": 0,
+    // Choose the order of the modules
+    "modules-left": [
+        "hyprland/workspaces",
+    ],
+    "modules-center": [
+        "hyprland/window",
+    ],
+    "modules-right": [
+        "tray",
+        "network",
+        "cpu",
+        "memory",
+        "clock"
+    ],
+    // Modules configuration
+    "hyprland/workspaces": {
+        "format": "{id}<sup>{icon}</sup>",
+        "format-icons": {
+            "default": "",
+            "urgent": "*",
+        },
+        "all-outputs": true,
+        "expand": true,
+    },
+    "tray": {
+        "icon-size": 24,
+        "spacing": 10
+    },
+    "network": {
+        "format-ethernet": "  {ifname}",
+        "format-wifi": "  {ifname}",
+        "format-disconnected": "󰲛 ",
+        "tooltip-format": "{ipaddr} via {gwaddr}",
+        "tooltip-format-disconnected": "Disconnected",
+    },
+    "clock": {
+        "interval": 1,
+        "format": "{:%H:%M:%S %a %d}",
+        // "format": "{:%H:%M:%S %Y-%m-%d}",
+        "tooltip-format": "{calendar}"
+    },
+    "cpu": {
+        "format": " {usage}%",
+        "tooltip": false
+    },
+    "memory": {
+        "format": " {}%"
+    }
+}
diff --git a/waybar/style.css b/waybar/style.css
new file mode 100644
index 0000000..5850abf
--- /dev/null
+++ b/waybar/style.css
@@ -0,0 +1,61 @@
+@import "colors.css";
+
+* {
+    font-family: "IosevkaCustom Nerd Font";
+    font-size: 22px;
+    min-height: 0;
+    font-weight: normal;
+}
+
+window#waybar {
+    color: @text;
+    background: @mantle;
+}
+
+/* Workspace buttons */
+button {
+    color: @blue;
+    box-shadow: inset 0 3px transparent;
+    border: none;
+    border-radius: 0;
+}
+
+button:hover,
+button.active,
+button.focused {
+    background: inherit;
+    box-shadow: inset 0 3px @blue;
+}
+
+.modules-right {
+    margin-right: 1em;
+}
+
+.modules-right > widget > * {
+    padding: 0 .4em;
+}
+
+.modules-right > widget:not(:last-child) > * {
+    margin-right: .4em;
+}
+
+#cpu {
+    color: @sky;
+}
+
+#memory {
+    color: @peach;
+}
+
+#clock {
+    color: @mauve;
+}
+
+#network {
+    color: @lavender;
+}
+
+#network.disabled,
+#network.disconnected {
+    color: @red;
+}