From 64703b1b55363b9fbe9c3777fbf5ff5a03fe9609 Mon Sep 17 00:00:00 2001 From: ryukamish Date: Wed, 15 Jul 2026 16:51:47 +0530 Subject: chore(colors): some catppuccin in my life --- .config/waybar/catppuccin-mocha.css | 37 +++++++++++++++++++++++++++++++++++ .config/waybar/config.jsonc | 30 ++++++++++++++-------------- .config/waybar/style.css | 39 ++++++++++++++++++++++++++----------- 3 files changed, 80 insertions(+), 26 deletions(-) create mode 100644 .config/waybar/catppuccin-mocha.css (limited to '.config') 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} {capacity}%", + "format": "{icon} {capacity}%", "format-icons": { "default": [ "", @@ -56,21 +56,21 @@ "󰂅" ] }, - "format-plugged": "󰚥 {capacity}%", - "format-full": "󰚥 {capacity}%" + "format-plugged": "󰚥 {capacity}%", + "format-full": "󰚥 {capacity}%" }, "bluetooth": { - "format": "󰂯 {num_connections}", - "format-disabled": "󰂲 DC'D", - "format-connected": "󰂯 {num_connections}", + "format": "󰂯 {num_connections}", + "format-disabled": "󰂲 DC'D", + "format-connected": "󰂯 {num_connections}", "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} {volume}%", - "format-bluetooth": "{icon}  {volume}%", - "format-muted": " MUTED", + "format": "{icon} {volume}%", + "format-bluetooth": "{icon}  {volume}%", + "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} {signalStrength}%", - "format-ethernet": " {ipaddr}/{cidr}", + "format-wifi": "{icon} {signalStrength}%", + "format-ethernet": " {ipaddr}/{cidr}", "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": " {}", + "format": " {}", "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": "󰡁 {}%", + "format": "󰡁 {}%", "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": "{}", + "format": "{}", "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; } -- cgit v1.3