ux/ui

waybar.nix

@@ -56,6 +56,7 @@
         padding-right: 0px;
         padding-left: 0px;
         padding-bottom: 0px;
+        border-radius: 0 !important;
       }
 
       /* --- Waybar Container --- */
@@ -64,6 +65,7 @@
         color: #c6d0f5;
         margin: 0px;
         font-weight: 500;
+        border-radius: 0 !important;
       }
 
       /* --- Left Modules (Individual, Fully Rounded Blocks - With Horizontal Spacing & Simple Hover) --- */
@@ -78,6 +80,7 @@
         border: none;
         /* Transition for background-color and color only */
         transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+        border-radius: 0 !important;
       }
 
 #workspaces {
@@ -86,16 +89,6 @@
         margin-right: 5px; /* Spacing after the workspaces module */
       }
 
-#custom-uptime {
-        margin-right: 5px; /* Spacing after the uptime module */
-      }
-
-      /* Simple Hover effects for individual left modules - BRIGHTER COLOR */
-#custom-uptime:hover,
-#cpu:hover {
-        background-color: rgb(41, 42, 53); /* Brighter highlight */
-      }
-
 #workspaces button {
         color: #babbf1;
         padding: 0.3rem 0.6rem;
@@ -103,16 +96,19 @@
         transition: all 0.2s ease-in-out;
         border: none;
         outline: none;
+        border-radius: 0 !important;
       }
 
 #workspaces button.active {
         color: #99d1db;
         background-color: rgba(153, 209, 219, 0.1);
+        border-radius: 0 !important;
       }
 
 #workspaces button:hover {
         background: rgb(41, 42, 53); /* Reference bright hover color */
         color: #c6d0f5;
+        border-radius: 0 !important;
       }
 
       /* --- Center Module (Individual, Fully Rounded Block - With Simple Hover) --- */
@@ -221,6 +217,7 @@
         border: 1px solid rgba(255, 255, 255, 0.1);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
         font-size: 12px;
+        border-radius: 0 !important;
       }
     '';
   };