optimize

waybar/config.jsonc

@@ -217,18 +217,50 @@
 
     // Hyprland
     "group/workspaceactions": {
-        "modules": ["hyprland/workspaces", "custom/workspacenew"],
+        "modules": ["hyprland/workspaces#special", "hyprland/workspaces", "custom/workspacenew"],
         "orientation": "inherit"
     },
     "hyprland/workspaces": {
         "all-outputs": true,
         "format": "{name}",
-        "show-special": true,
         "on-scroll-up": "hyprctl dispatch workspace e+1 1>/dev/null",
         "on-scroll-down": "hyprctl dispatch workspace e-1 1>/dev/null",
         "sort-by-number": true,
         "active-only": false
     },
+    "hyprland/workspaces#special": {
+        "active-only": false,
+        // waiting for a smarter way in coming versions
+        "ignore-workspaces": [
+            "1",
+            "2",
+            "3",
+            "4",
+            "5",
+            "6",
+            "7",
+            "8",
+            "9",
+            "10",
+            "11",
+            "12",
+            "13",
+            "14",
+            "15",
+            "16",
+            "17",
+            "18",
+            "19",
+            "20"
+        ],
+        "show-special": true,
+        "special-visible-only": false,
+        "format": "{icon}",
+        "format-icons": {
+            "special": "S",
+            "default": "C"
+        }
+    },
     "custom/workspacenew": {
         "format": "+",
         "tooltip": false,

waybar/style.css

@@ -1,7 +1,7 @@
 @import 'mocha.css';
 
 * {
-    font-family: 'Font Awesome 6 Free', 'MesloLGM Nerd Font', 'Maple Mono CN ExtraLight', 'Noto Sans', Arial, sans-serif;
+    font-family: 'Font Awesome 6 Free', 'Maple Mono CN ExtraLight', 'Noto Sans', Arial, sans-serif;
     font-size: 12px; /* Slightly smaller font size */
     font-weight: 900;
     margin: 0;
@@ -25,7 +25,7 @@
     transition-property: background-color;
     transition-duration: 0.5s;
     border-radius: 0px;
-    margin: 0px 0px;
+    margin: 0px;
 }
 
 window#waybar.hidden {
@@ -34,7 +34,7 @@ window#waybar.hidden {
 
 tooltip {
     background: @base;
-    border: 3px solid @overlay0;
+    border: 2px solid @overlay0;
 }
 
 #custom-workspacenew,
@@ -65,7 +65,7 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 3px 6px; /* Adjusted padding to reduce height */
-    border: 3px solid @blue;
+    border: 2px solid @blue;
 }
 
 #workspaces {
@@ -77,6 +77,10 @@ tooltip {
     background-color: alpha(@blue, 0.3);
 }
 
+#custom-workspacespecial:hover {
+    background-color: alpha(@blue, 0.3);
+}
+
 #window {
     background-color: alpha(@base, 0.6);
     font-size: 15px; /* Slightly smaller font size */
@@ -199,14 +203,14 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px; /* Adjusted padding */
-    border: 3px solid @blue;
+    border: 2px solid @blue;
 }
 
 #custom-power {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px;
-    border: 4px solid @maroon;
+    border: 3px solid @maroon;
 }
 
 #custom-power:hover {
@@ -217,7 +221,7 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px;
-    border: 4px solid @teal;
+    border: 3px solid @teal;
 }
 
 #custom-rofi:hover {
@@ -228,7 +232,7 @@ tooltip {
     background-color: alpha(@base, 0.6);
     border-radius: 14px;
     padding: 6px;
-    border: 4px solid @yellow;
+    border: 3px solid @yellow;
 }
 
 #custom-caffeine:hover {
@@ -236,7 +240,7 @@ tooltip {
 }
 
 #custom-caffeine.active {
-    border: 4px solid @peach;
+    border: 3px solid @peach;
 }
 
 #custom-storage {
@@ -299,7 +303,7 @@ tooltip {
 
 #clock {
     color: #c8d2e0;
-    border: 3px solid @blue;
+    border: 2px solid @blue;
 }
 
 @keyframes blink {