nie wiem co zmieniałem, a dużo tego było

.config/waybar/style.css

@@ -4,10 +4,14 @@
 * {
 	font-size: 12px;
 	font-family: Terminus;
+	border: none;
+	padding:  0px 5px 0px 5px;
+    min-height: 10px;
+    border-radius: 25px;
 }
 
 window#waybar {
-	background: @back;
+	background: none;
 	color: @dark;
 }
 
@@ -22,29 +26,31 @@ window#waybar {
 	background: @dark;
 }
 
-#workspaces,
 #clock.1,
 #clock.2,
 #clock.3,
 #pulseaudio,
 #memory,
 #cpu,
-#battery,
-#disk,
-#tray {
+#disk {
 	background: @dark;
 	color: @back;
+	margin-left: 10px;
 }
 
 #workspaces {
-	padding: 0 10px 0 10px;
+	background: @dark;
+	color: @back;
+	padding:  5px;
 }
 
 #tray {
 	background: @dark;
-	padding: 0 10px 0 10px;
+	color: @back;
+	padding: 5px;
 }
 
+#battery,
 #custom-rsyncnet,
 #custom-temperature,
 #custom-hum,
@@ -53,16 +59,25 @@ window#waybar {
 #custom-pm_10 {
 	background: @dark;
 	color: @back;
-	padding: 2px 5px;
+	margin-right: 10px;
 }
 
+#workspaces:active {
+	color: @background;
+	margin-right: 0;
+}
+
+
 #workspaces button {
-	padding: 0 0px;
-	color: @inactive;
+	padding: 0;
+	margin: 0;
+	color: @background;
 }
 
 #workspaces button.focused {
 	color: @back;
+	margin: 0;
+
 }
 #workspaces button:hover {
 	box-shadow: inherit;