feat: update

waybar/config.jsonc

@@ -1,7 +1,7 @@
 {
   "layer": "bottom",
   "position": "top",
-  "height": 40,
+  "height": 30,
   "spacing": 2,
   "exclusive": true,
   "gtk-layer-shell": true,
@@ -15,6 +15,7 @@
     "pulseaudio",
     "clock",
     "clock#simpleclock",
+    "battery",
     "tray",
     "custom/notification",
     "custom/power",
@@ -47,7 +48,8 @@
     "active-only": false,
   },
   "hyprland/window": {
-    "format": "{title}",
+    "format": "{initialTitle}",
+    "icon": true
   },
   "tray": {
     "show-passive-items": true,
@@ -91,6 +93,16 @@
     },
     "on-click": "pavucontrol",
   },
+  "battery": {
+    "format": "{icon}  {capacity}%",
+    "format-icons": ["", "", "", "", ""],
+    "states": {
+      "critical": 25,
+    },
+    "events": {
+      "on-dischargin-critical": "notify-send -u critical 'Low Battery'"
+    }
+  },
   "custom/sep": {
     "format": "|",
     "tooltip": false,

waybar/style.css

@@ -1,22 +1,26 @@
+@define-color bg #1e1e2e;
+
 * {
   min-height: 0;
   min-width: 0;
-  font-family: Lexend, "JetBrainsMono Nerd Font";
+  font-family: "Adwaita Sans", "JetBrainsMono Nerd Font";
   font-size: 13px;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 window#waybar {
-  transition-property: background-color;
-  transition-duration: 0.5s;
-  /* background-color: #1e1e2e; */
-  /* background-color: #181825; */
-  background-color: rgba(24, 24, 37, 0.0);
+  min-height: 0;
+  background: transparent;
 }
 
+window#waybar.empty #window {
+  background-color: transparent;
+}
+
+
 #workspaces button {
-  padding: 0.3rem 0.6rem;
-  margin: 0.4rem 0.25rem;
+  padding: 0.1rem 0.6rem;
+  margin: 0.1rem 0.25rem;
   border-radius: 6px;
   /* background-color: #181825; */
   background-color: #1e1e2e;
@@ -47,13 +51,14 @@ window#waybar {
 #cpu,
 #tray,
 #memory,
+#battery,
 #window,
 #mpris {
-  padding: 0.3rem 0.6rem;
-  margin: 0.4rem 0.25rem;
+  padding: 0.1rem 0.6rem;
+  margin: 0.1rem 0.25rem;
   border-radius: 6px;
   /* background-color: #181825; */
-  background-color: #1e1e2e;
+  background-color: alpha(@bg, 0.7);
 }
 
 #mpris.playing {
@@ -69,10 +74,6 @@ window#waybar {
   color: #585b70;
 }
 
-window#waybar.empty #window {
-  background-color: transparent;
-}
-
 #cpu {
   color: #94e2d5;
 }
@@ -89,9 +90,6 @@ window#waybar.empty #window {
   color: #89b4fa;
 }
 
-#window {
-  color: #cdd6f4;
-}
 
 #pulseaudio {
   color: #b4befe;
@@ -109,7 +107,16 @@ window#waybar.empty #window {
   color: #f38ba8;
 }
 
+#battery {
+  color: #94e2d5;
+}
+
+#battery.critical {
+  color: red;
+}
+
 tooltip {
   background-color: #181825;
   border: 2px solid #89b4fa;
 }
+