chore(colors): some catppuccin in my life

3 files changed, 80 insertions, 26 deletions

diff --git a/.config/waybar/catppuccin-mocha.css b/.config/waybar/catppuccin-mocha.css
new file mode 100644
index 0000000..f929af4
--- /dev/null
+++ b/.config/waybar/catppuccin-mocha.css
@@ -0,0 +1,37 @@
+/* colors-catppuccin-mocha.css */
+
+/* Accents */
+@define-color rosewater #f5e0dc;
+@define-color flamingo #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color mauve #cba6f7;
+@define-color red #f38ba8;
+@define-color maroon #eba0ac;
+@define-color peach #fab387;
+@define-color yellow #f9e2af;
+@define-color green #a6e3a1;
+@define-color teal #94e2d5;
+@define-color sky #89dceb;
+@define-color sapphire #74c7ec;
+@define-color blue #89b4fa;
+@define-color lavender #b4befe;
+
+/* Text */
+@define-color text #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+
+/* Overlays */
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+
+/* Surfaces */
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+
+/* Base */
+@define-color base #1e1e2e;
+@define-color mantle #181825;
+@define-color crust #11111b;
diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc
index 89cb65f..c0cd9f1 100644
--- a/.config/waybar/config.jsonc
+++ b/.config/waybar/config.jsonc
@@ -36,7 +36,7 @@
 			"warning": 30,
 			"critical": 15
 		},
-		"format": "{icon} <span color='#aaaaaa'>{capacity}%</span>",
+		"format": "{icon} <span color='#a6adc8'>{capacity}%</span>",
 		"format-icons": {
 			"default": [
 				"",
@@ -56,21 +56,21 @@
 				"󰂅"
 			]
 		},
-		"format-plugged": "󰚥 <span color='#aaaaaa'>{capacity}%</span>",
-		"format-full": "󰚥 <span color='#aaaaaa'>{capacity}%</span>"
+		"format-plugged": "󰚥 <span color='#a6adc8'>{capacity}%</span>",
+		"format-full": "󰚥 <span color='#a6adc8'>{capacity}%</span>"
 	},
 	"bluetooth": {
-		"format": "󰂯 <span color='#aaaaaa'>{num_connections}</span>",
-		"format-disabled": "󰂲 <span color='#aaaaaa'>DC'D</span>",
-		"format-connected": "󰂯 <span color='#aaaaaa'>{num_connections}</span>",
+		"format": "󰂯 <span color='#a6adc8'>{num_connections}</span>",
+		"format-disabled": "󰂲 <span color='#a6adc8'>DC'D</span>",
+		"format-connected": "󰂯 <span color='#a6adc8'>{num_connections}</span>",
 		"tooltip-format": "Devices connected: {num_connections}\n{device_alias} at {device_battery_percentage}%",
 		"on-click": "kitty --app-id=TUI.float -e bluetui",
 		"on-click-right": "rfkill toggle bluetooth"
 	},
 	"pulseaudio": {
-		"format": "{icon} <span color='#aaaaaa'>{volume}%</span>",
-		"format-bluetooth": "{icon}  <span color='#aaaaaa'>{volume}%</span>",
-		"format-muted": " MUTED",
+		"format": "{icon} <span color='#a6adc8'>{volume}%</span>",
+		"format-bluetooth": "{icon}  <span color='#a6adc8'>{volume}%</span>",
+		"format-muted": "󰝟 MUTED",
 		"format-icons": {
 			"alsa_output.pci-0000_00_1f.3.analog-stereo": "",
 			"alsa_output.pci-0000_00_1f.3.analog-stereo-muted": " MUTED",
@@ -98,8 +98,8 @@
 			"󰤥",
 			"󰤨"
 		],
-		"format-wifi": "{icon} <span color='#aaaaaa'>{signalStrength}%</span>",
-		"format-ethernet": " {ipaddr}/<span color='#aaaaaa'>{cidr}</span>",
+		"format-wifi": "{icon} <span color='#a6adc8'>{signalStrength}%</span>",
+		"format-ethernet": " {ipaddr}/<span color='#a6adc8'>{cidr}</span>",
 		"format-disconnected": "󰲛 DC'D",
 		"tooltip-format-wifi": "{icon} {essid} ({signalStrength}%)",
 		"tooltip-format-ethernet": " {ifname} via {gwaddr}",
@@ -110,7 +110,7 @@
 		"on-click-right": "rfkill toggle wlan"
 	},
 	"custom/vpn": {
-		"format": " <span color='#aaaaaa'>{}</span>",
+		"format": " <span color='#a6adc8'>{}</span>",
 		"exec": "~/.local/bin/waybar-vpn",
 		"return-type": "json",
 		"interval": 30,
@@ -127,7 +127,7 @@
 	},
 	"cpu": {
 		"interval": 3,
-		"format": " {}%",
+		"format": " {usage}%",
 		"max-length": 10
 	},
 	"memory": {
@@ -170,7 +170,7 @@
 		"tooltip-format": ""
 	},
 	"custom/brightness": {
-		"format": "󰡁 <span color='#aaaaaa'>{}%</span>",
+		"format": "󰡁 <span color='#a6adc8'>{}%</span>",
 		"interval": "once",
 		"signal": 9,
 		"exec": "~/.local/bin/waybar-brightness get",
@@ -183,7 +183,7 @@
 	"custom/window": {
 		"exec": "~/.local/bin/waybar-window",
 		"exec-if": "~/.local/bin/waybar-window",
-		"format": "<span color='#aaaaaa'>{}</span>",
+		"format": "<span color='#a6adc8'>{}</span>",
 		"return-type": "json",
 		"max-length": 60,
 		"tooltip": false,
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;
 }