diff --git a/home/linux/desktop/hyprland/conf/waybar/mocha.css b/home/linux/desktop/hyprland/conf/waybar/mocha.css
new file mode 100644
index 00000000..913e59f2
--- /dev/null
+++ b/home/linux/desktop/hyprland/conf/waybar/mocha.css
@@ -0,0 +1,40 @@
+/*
+* https://github.com/catppuccin/waybar/blob/main/themes/mocha.css
+*
+* Catppuccin Mocha palette
+* Maintainer: rubyowo
+*
+*/
+
+@define-color base   #1e1e2e;
+@define-color mantle #181825;
+@define-color crust  #11111b;
+
+@define-color text     #cdd6f4;
+@define-color subtext0 #a6adc8;
+@define-color subtext1 #bac2de;
+
+@define-color surface0 #313244;
+@define-color surface1 #45475a;
+@define-color surface2 #585b70;
+
+@define-color overlay0 #6c7086;
+@define-color overlay1 #7f849c;
+@define-color overlay2 #9399b2;
+
+@define-color blue      #89b4fa;
+@define-color lavender  #b4befe;
+@define-color sapphire  #74c7ec;
+@define-color sky       #89dceb;
+@define-color teal      #94e2d5;
+@define-color green     #a6e3a1;
+@define-color yellow    #f9e2af;
+@define-color peach     #fab387;
+@define-color maroon    #eba0ac;
+@define-color red       #f38ba8;
+@define-color mauve     #cba6f7;
+@define-color pink      #f5c2e7;
+@define-color flamingo  #f2cdcd;
+@define-color rosewater #f5e0dc;
+
+
diff --git a/home/linux/desktop/hyprland/conf/waybar/style.css b/home/linux/desktop/hyprland/conf/waybar/style.css
index 01e2a2e9..cddb43a9 100644
--- a/home/linux/desktop/hyprland/conf/waybar/style.css
+++ b/home/linux/desktop/hyprland/conf/waybar/style.css
@@ -1,4 +1,8 @@
+@import "mocha.css";
+
 * {
+  /* https://docs.gtk.org/gtk3/css-overview.html#colors */
+  color: @text;
   font-family: "JetBrainsMono Nerd Font";
   font-size: 12pt;
   font-weight: bold;
@@ -23,12 +27,13 @@
 }
 window#waybar {
   background-color: transparent;
+  border: 2px solid alpha(@crust, 0.3);
 }
 window > box {
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 5px;
-  background-color: #1e1e2a;
+  background-color: shade(@base, 0.9);
   padding: 3px;
   padding-left: 8px;
   border: 2px none #33ccff;
@@ -104,7 +109,7 @@ tooltip label {
 }
 #battery {
   min-width: 55px;
-  color: rgb(126, 186, 244);;
+  color: rgb(126, 186, 244);
 }
 #battery.charging,
 #battery.full,