diff --git a/.config/waybar/config b/.config/waybar/config
new file mode 100644
index 0000000..8f08aa4
--- /dev/null
+++ b/.config/waybar/config
@@ -0,0 +1,83 @@
+{
+ "layer": "top",
+ "position": "top",
+ "height": 40,
+ "spacing": 0,
+ "exclusive": true,
+ "gtk-layer-shell": true,
+ "passthrough": false,
+ "fixed-center": true,
+ "modules-left": ["hyprland/workspaces"],
+ "modules-center": ["custom/spotify"],
+ "modules-right": [
+ "battery",
+ "backlight",
+ "pulseaudio",
+ "clock",
+ "clock#simpleclock",
+ "tray",
+ "custom/power",
+ ],
+ "custom/spotify": {
+ "format": " {}",
+ "return-type": "json",
+ "on-click": "playerctl -p spotify play-pause",
+ "on-click-right": "spotifatius toggle-liked",
+ "on-click-middle": "playerctl -p spotify next",
+ "exec": "spotifatius monitor",
+ },
+ "hyprland/workspaces": {
+ "on-click": "activate",
+ "format": "{name}",
+ "all-outputs": true,
+ "disable-scroll": false,
+ "active-only": false,
+ },
+ "backlight": {
+ "device": "amdgpu_b10",
+ "format": "{icon} {percent}%",
+ "format-icons": ["", "", "", "", "", "", "", "", ""]
+ },
+ "battery": {
+ "format": "{icon} {capacity}%",
+ //"format-alt": "{time} {icon}",
+ "format-icons": ["", "", "", "", "", "", "", "", "", "", ""],
+ "format-charging": " {capacity}%"
+ },
+ "tray": {
+ "show-passive-items": true,
+ "spacing": 10,
+ },
+ "clock#simpleclock": {
+ "tooltip": false,
+ "format": " {:%H:%M}",
+ },
+ "clock": {
+ "format": " {:L%a %d %b}",
+ "tooltip-format": "{:%Y %B}\n{calendar}",
+ },
+ "pulseaudio": {
+ "format": "{icon} {volume}%",
+ "format-muted": " muted",
+ "format-icons": {
+ "headphone": "",
+ "hands-free": "",
+ "headset": "",
+ "phone": "",
+ "portable": "",
+ "car": "",
+ "default": ["", "", ""],
+ },
+ "on-click": "pavucontrol",
+ },
+ "custom/sep": {
+ "format": "|",
+ "tooltip": false,
+ },
+ "custom/power": {
+ "tooltip": false,
+ "on-click": "wlogout -p layer-shell &",
+ "format": "⏻ ",
+ },
+}
+
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..2dc45f1
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,158 @@
+* {
+ min-height: 0;
+ font-family: "JetBrainsMono Nerd Font Mono";
+ font-size: 20px;
+ font-weight: 600;
+}
+
+window#waybar {
+ transition-property: background-color;
+ transition-duration: 0.5s;
+ /* background-color: #1e1e2e; */
+ /* background-color: #181825; */
+ background-color: #11111b;
+ /* background-color: rgba(24, 24, 37, 0.6); */
+}
+
+window#waybar.hidden {
+ opacity: 0.5;
+}
+
+#workspaces {
+ background-color: transparent;
+}
+
+#workspaces button {
+ all: initial;
+ min-width: 0;
+ box-shadow: inset 0 -3px transparent;
+ padding: 2px 10px;
+ min-height: 0;
+ margin: 4px 4px;
+ border-radius: 4px;
+ /* background-color: #181825; */
+ background-color: #1e1e2e;
+ color: #cdd6f4;
+}
+
+#workspaces button:hover {
+ box-shadow: inherit;
+ text-shadow: inherit;
+ color: #1e1e2e;
+ background-color: #cdd6f4;
+}
+
+#workspaces button.active {
+ color: #1e1e2e;
+ background-color: #89b4fa;
+}
+
+#workspaces button.urgent {
+ color: #1e1e2e;
+ background-color: #f38ba8;
+}
+
+#clock,
+#pulseaudio,
+#battery,
+#backlight,
+#custom-logo,
+#custom-power,
+#custom-spotify,
+#cpu,
+#tray,
+#memory,
+#window {
+ min-height: 0;
+ padding: 2px 10px;
+ border-radius: 4px;
+ margin: 4px 4px;
+ /* background-color: #181825; */
+ background-color: #1e1e2e;
+}
+
+#custom-sep {
+ padding: 0px;
+ color: #585b70;
+}
+
+#custom-spotify.playing {
+ color: #a6e3a1;
+}
+
+#custom-spotify.liked {
+ color: #cba6f7;
+}
+#custom-spotify.added {
+ color: #f9e2af;
+}
+
+#custom-spotify.removed {
+ color: #f38ba8;
+}
+
+#custom-spotify.paused {
+ color: #9399b2;
+}
+
+window#waybar.empty #window {
+ background-color: transparent;
+}
+
+#cpu {
+ color: #94e2d5;
+}
+
+#memory {
+ color: #cba6f7;
+}
+
+#clock {
+ color: #74c7ec;
+}
+
+#clock.simpleclock {
+ color: #89b4fa;
+}
+
+#backlight {
+ color: #d9b172;
+}
+
+#battery {
+ color: #fff;
+}
+
+#window {
+ color: #a6e3a1;
+}
+
+#pulseaudio {
+ color: #b4befe;
+}
+
+#pulseaudio.muted {
+ color: #a6adc8;
+}
+
+#custom-logo {
+ color: #89b4fa;
+}
+
+#custom-power {
+ color: #f38ba8;
+ padding-right: 5px;
+ font-size: 14px;
+}
+
+@keyframes blink {
+ to {
+ background-color: #f38ba8;
+ color: #181825;
+ }
+}
+
+tooltip {
+ background-color: #181825;
+}
+