diff --git a/waybar/config b/waybar/config
new file mode 100644
index 0000000..020c042
--- /dev/null
+++ b/waybar/config
@@ -0,0 +1,38 @@
+// -*- mode: jsonc -*-
+{
+ "position": "bottom",
+ "height": 34,
+ "spacing": 0, // Gaps between modules (4px)
+ // Choose the order of the modules
+ "modules-left": [
+ "hyprland/workspaces",
+ ],
+ "modules-center": [
+ ],
+ "modules-right": [
+ "tray",
+ "cpu",
+ "memory",
+ "clock"
+ ],
+ // Modules configuration
+ "hyprland/workspaces": {
+ "format": "{name}",
+ },
+ "tray": {
+ "icon-size": 24,
+ "spacing": 10
+ },
+ "clock": {
+ "interval": 1,
+ "format": "{:%H:%M:%S %Y-%m-%d}",
+ "tooltip-format": "{:%Y %B}\n{calendar}"
+ },
+ "cpu": {
+ "format": "{usage}% ",
+ "tooltip": false
+ },
+ "memory": {
+ "format": "{}% "
+ }
+}
diff --git a/waybar/style.css b/waybar/style.css
new file mode 100644
index 0000000..10b2b2c
--- /dev/null
+++ b/waybar/style.css
@@ -0,0 +1,59 @@
+* {
+ font-family: "JetBrainsMono Nerd Font";
+ font-size: 18px;
+}
+
+window#waybar {
+ background-color: #0e1019;
+ border-top: 1px solid #191B2B;
+ color: #eceef4;
+ transition-property: background-color;
+ transition-duration: 0.3s;
+ padding: 0 24px;
+}
+
+button {
+ /* Avoid rounded borders under each button name */
+ border: none;
+ border-radius: 0;
+}
+
+button:hover {
+ border: none;
+}
+
+#workspaces button {
+ padding: 0 5px;
+ background-color: transparent;
+ color: #eceef4;
+}
+
+#workspaces button:hover {
+ border: none;
+ background: #0c0d14;
+}
+
+#workspaces button.active {
+ color: #89b4fa;
+}
+
+#clock,
+#battery,
+#cpu,
+#memory,
+#disk,
+#temperature,
+#backlight,
+#network,
+#pulseaudio,
+#wireplumber,
+#custom-media,
+#tray,
+#mode,
+#idle_inhibitor,
+#scratchpad,
+#power-profiles-daemon,
+#mpd {
+ padding: 0 10px;
+ color: #ffffff;
+}