Cooler waybar

waybar/config

@@ -2,7 +2,6 @@
      "name": "float",
      "layer": "top",
      "position": "bottom",
-     "height": 75,
      "exclusive": false,
      "passthrough": false,
      "gtk-layer-shell": true,
@@ -11,7 +10,7 @@
      "margin-top" : 0,
      "margin-left": 0,
      "margin-right": 0,
-     "height" : 10,
+     "height" : 16,
      "modules-left": [
      ],
      "modules-center": [
@@ -19,6 +18,8 @@
      "modules-right": [
          "hyprland/workspaces",
          "tray",
+         "custom/cpu",
+         "custom/mem",
          "battery",
          "clock",
      ],
@@ -42,6 +43,7 @@
              "17": "7",
              "18": "8",
              "19": "9",
+             "20": "0",
              "21": "1",
              "22": "2",
              "23": "3",
@@ -51,16 +53,17 @@
              "27": "7",
              "28": "8",
              "29": "9",
+             "30": "0",
          },
          "on-click": "activate",
          "sort-by-number": true,
          "persistent-workspaces": {
-             "DP-3": [11, 12, 13, 14, 15, 16, 17, 18, 19],
-             "DP-2": [21, 22, 23, 24, 25, 26, 27, 28, 29]
+             "DP-3": [11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
+             "DP-2": [21, 22, 23, 24, 25, 26, 27, 28, 29, 30]
          },
      },
      "clock": {
-         "format": "{:%d/%m/%Y %H:%M}",
+         "format": "{:L%A %d %B %H:%M}",
          "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
          "format-alt": "{}",
          "interval": 1
@@ -128,7 +131,15 @@
          }
      },
      "tray": {
-         "icon-size": 15,
-         "spacing": 10
+         "icon-size": 16,
+         "spacing": 5
+     },
+     "custom/cpu": {
+        "exec": "~/.config/dotfiles/hypr/cpu.sh",
+        "restart-interval": 2
+     },
+     "custom/mem": {
+        "exec": "~/.config/dotfiles/hypr/mem.sh",
+        "restart-interval": 2
      }
 }

waybar/style.css

@@ -9,9 +9,10 @@ window#waybar.float {
 }
 
 * {
-  font-family: "JetBrainsMono Nerd Font", Roboto, Helvetica, Arial, sans-serif;
-  font-size: 16px;
+  font-family: "Ubuntu Mono Nerd Font", Roboto, Helvetica, Arial, sans-serif;
+  font-size: 14px;
   opacity: 0.9;
+  min-height: 0px;
 }
 
 window#waybar {
@@ -35,8 +36,14 @@ button:hover {
   box-shadow: inset 0 -3px #ffffff;
 }
 
+#workspaces {
+    padding-top: 2px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
 #workspaces button {
-  padding: 2px 5px;
+  padding: 0px 0px;
   background-color: transparent;
   color: #ffffff;
 }
@@ -81,12 +88,18 @@ button:hover {
 #temperature,
 #network,
 #pulseaudio,
-#idle_inhibitor {
-  padding: 0 10px;
+#idle_inhibitor,
+#custom-cpu,
+#custom-mem {
+  padding: 0 5px;
 }
 
-#pulseaudio {
-  color: @maroon;
+#custom-cpu {
+  color: @red;
+}
+
+#custom-mem {
+    color: @blue;
 }
 
 #network {
@@ -102,7 +115,7 @@ button:hover {
 }
 
 #clock {
-  color: @flamingo;
+  color: @white;
 }
 
 #window {