diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index c06edaa1..3778d3a3 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,3 +1,11 @@
+@define-color bg #121212;
+@define-color fg #d5d5d5;
+@define-color red_ember #B14242;
+@define-color red_glowing #DF6464;
+@define-color orange_glow #D87C4A;
+@define-color orange_blaze #C4693D;
+@define-color orange_smolder #E49A44;
+
 * {
   /* `otf-font-awesome` is required to be installed for icons */
   font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
@@ -5,9 +13,9 @@
 }
 
 window#waybar {
-  background-color: rgba(43, 48, 59, 0.5);
-  border-bottom: 3px solid rgba(100, 114, 125, 0.5);
-  color: #ffffff;
+  background-color: @bg;
+  border-bottom: @bg;
+  color: @fg;
   transition-property: background-color;
   transition-duration: 0.5s;
 }