1 files changed, 28 insertions, 11 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index b9b8c55..e86e1c8 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,6 +1,7 @@
+@import url("catppuccin-mocha.css");
+
 * {
 	border: none;
-	/* font-family: "GeistMono Nerd Font Propo, monospace"; */
 	font-family: "Iosevka Nerd Font Propo, monospace";
 	font-size: 12px;
 	/* font-weight: bold; */
@@ -8,12 +9,13 @@
 }
 
 window#waybar {
-	background-color: #0a0a0a;
-	color: #ffffff;
+	background-color: @base;
+	color: @text;
 }
 
 #workspaces button {
 	padding: 2px 3px;
+	color: @overlay2;
 }
 
 #workspaces button:hover {
@@ -22,13 +24,13 @@ window#waybar {
 }
 
 #workspaces button.focused {
-	color: #7fc8ff;
+	color: @blue;
 	border-radius: 0;
 	border-bottom: solid 2px;
 }
 
 #workspaces button.urgent {
-	color: #f38ba8;
+	color: @peach;
 	border-radius: 0;
 }
 
@@ -52,28 +54,43 @@ window#waybar {
 }
 
 #network {
-	color: #ffdab9;
+	color: @rosewater;
+}
+
+/* hardware group modules */
+#memory {
+	color: @lavender;
+}
+
+#cpu {
+	color: @sapphire;
+}
+
+#temperature {
+	color: @maroon;
 }
 
+/* for warning style modules */
 #temperature.warning,
 #battery.discharging.warning {
-	color: #ffa500;
+	color: @maroon;
 }
 
+/* for critical style modules */
 #temperature.critical,
 #battery.discharging.critical {
-	color: #ff0000;
+	color: @red;
 }
 
 #pulseaudio {
-	color: #ff4499;
+	color: @mauve;
 }
 
 #bluetooth {
-	color: #004687;
+	color: @teal;
 }
 
 /* custom modules */
 #custom-gsr {
-	color: #ff0000;
+	color: @red;
 }