waybar initial catpuccin

.config/waybar/config.jsonc

@@ -0,0 +1,120 @@
+{
+    "layer": "top",
+    "position": "top",
+    "height": 26,
+    "spacing": 0,
+    "margin-top": 4,
+    "margin-right": 4,
+    "margin-bottom": 0,
+    "margin-left": 4,
+    "modules-left": [
+        "custom/icon",
+        "hyprland/workspaces",
+        "hyprland/window"
+    ],
+    "modules-center": [
+        "clock"
+    ],
+    "modules-right": [
+        "tray",
+        "network",
+        "pulseaudio",
+        "memory",
+        "battery"
+        // "custom/lock"
+    ],
+    "custom/icon": {
+        "format": "󰣇",
+        // "on-click": "rofi -show drun",
+        "tooltip": false
+    },
+    "hyprland/workspaces": {
+        "on-click": "activate",
+        "format": "{icon}",
+        "format-icons": {
+            "urgent": "",
+            "active": "",
+            "default": ""
+        },
+        "persistent-workspaces": {
+            "*": 3
+        }
+    },
+    "hyprland/window": {
+        "format": " {class}",
+        "empty_format": "",
+        "rewrite": {
+            "(.*)zen(.*)": "󰈹 Zen Browser",
+            "(.*)ghostty(.*)": " Neovim"
+        }
+    },
+    "clock": {
+        "format": "<b>󰥔  {:%H:%M   󰃭  %d.%m}</b> ",
+        "tooltip-format": "<tt>{calendar}</tt>"
+    },
+    "tray": {
+        "icon-size": 14,
+        "spacing": 10
+    },
+    "network": {
+        "interval": 30,
+        "format-wifi": "󰤨 ",
+        "format-ethernet": "󰈀 Wired",
+        "fomat-disconnected": "󱚵  Disconnected",
+        "tooltip-format-wifi": "{essid} ({signalStrength}% | {bandwidthDownBits}, {bandwidthUpBits})",
+        "tooltip-format-ethernet": "{ifname} ",
+        "tooltip-format-disconnected": "Disconnected"
+    },
+    "memory": {
+        "interval": 30,
+        "format": "  {used:0.1f}G/{total:0.1f}G"
+    },
+    "pulseaudio": {
+        "format": "{icon} {volume}%",
+        "format-muted": " Muted",
+        "scroll-step": 1,
+        // "on-click": "pavucontrol",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": [
+                "",
+                "",
+                "󰕾",
+                ""
+            ]
+        }
+    },
+    "battery": {
+        "states": {
+            "good": 95,
+            "warning": 30,
+            "critical": 20
+        },
+        "format": "{icon} {capacity}%",
+        "format-charging": " {capacity}%",
+        "format-plugged": " {capacity}%",
+        "format-alt": "{time} {icon}",
+        "format-icons": [
+            "󰂎",
+            "󰁺",
+            "󰁻",
+            "󰁼",
+            "󰁽",
+            "󰁾",
+            "󰁿",
+            "󰂀",
+            "󰂁",
+            "󰂂",
+            "󰁹"
+        ]
+    },
+    "custom/lock": {
+        "format": "",
+        "on-click": "wlogout"
+    }
+}

.config/waybar/mocha.css

@@ -0,0 +1,25 @@
+@define-color rosewater #f5e0dc;
+@define-color fl #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color vl #cba6f7;
+@define-color red #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;
+@define-color fg #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+@define-color bg #1e1e2e;
+@define-color bg2 #181825;
+@define-color crust #11111b;

.config/waybar/style.css

@@ -0,0 +1,116 @@
+@import "mocha.css";
+
+* {
+  font-family: "JetBrainsMono Nerd Font";
+  font-weight: bold;
+  font-size: 12px;
+}
+
+window#waybar {
+  color: @fg;
+  background-color: @bg2;
+  border-radius: 6px;
+}
+
+/* ------ Custom Modules ------ */
+#custom-icon {
+  font-size: 18px;
+  color: @blue;
+  padding: 0 10px;
+}
+
+/* Workspaces */
+#workspaces {
+  padding: 0px 3px;
+  margin: 5px;
+  font-family: JetBrainsMono Nerd Font;
+}
+
+#workspaces button {
+  padding: 0px 2px;
+  color: @peach;
+  background-color: transparent;
+  font-family: JetBrainsMono Nerd Font;
+}
+
+#workspaces button.active {
+  color: @fg;
+}
+
+#workspaces button.urgent {
+  color: @red;
+}
+
+/* ------ Window Title ------ */
+#window {
+  padding: 2px 8px;
+  color: @fg;
+}
+
+/* ------ Clock ------ */
+#clock {
+  padding: 2px 12px;
+  margin: 5px;
+  color: @lavender;
+  background-color: @bg;
+  border-radius: 8px;
+}
+
+/* ------ Tray ------ */
+#tray {
+  padding: 2px 12px;
+  margin: 5px;
+  background-color: @bg;
+  border-radius: 0px;
+}
+
+/* ------ Network ------ */
+#network {
+  padding: 2px 8px;
+  margin: 4px 2px;
+  color: @text;
+  background-color: @bg;
+}
+
+#pulseaudio {
+  padding: 2px 8px;
+  margin: 5px;
+  color: @yellow;
+  background-color: @bg;
+}
+
+#pulseaudio.muted {
+  color: @red;
+}
+
+#memory {
+  padding: 2px 8px;
+  margin: 5px;
+  color: @red;
+  background-color: @bg;
+  border-radius: 0px;
+}
+
+/* ------ Battery ------ */
+#battery {
+  padding: 2px 8px;
+  margin: 5px;
+  color: @green;
+  background-color: @bg;
+}
+
+/* #custom-power { */
+/*   color: @red; */
+/*   background-color: @surface1; */
+/*   padding: 2px 9px; */
+/*   margin: 4px 2px; */
+/*   font-size: 15px; */
+/* } */
+
+tooltip {
+  border: 1px solid @blue;
+  background: @bg2;
+  margin: 20px;
+  padding: 15px;
+  border-radius: 14px;
+}