nowe podejście

.config/waybar/config

@@ -129,7 +129,7 @@
 				"warning": 30,
 				"critical": 15
 			},
-			"format": "{icon} {capacity}%",
+			"format": "{icon}  {capacity}%",
 			"format-icons": [
 				"",
 				"",

.config/waybar/style.css

@@ -5,14 +5,14 @@
 	font-size: 12px;
 	font-family: Terminus;
 	border: none;
-	padding:  0px 5px 0px 5px;
+	padding:  0px 0px 0px 0px;
     min-height: 10px;
-    border-radius: 25px;
+    border-radius: 0px;
 }
 
 window#waybar {
-	background: none;
-	color: @dark;
+	background: black;
+	color: white;
 }
 
 #custom-right-arrow-dark,
@@ -33,20 +33,20 @@ window#waybar {
 #memory,
 #cpu,
 #disk {
-	background: @dark;
-	color: @back;
+	background: none;
+	color: white;
 	margin-left: 10px;
 }
 
 #workspaces {
-	background: @dark;
-	color: @back;
+	background: none;
+	color: white;
 	padding:  5px;
 }
 
 #tray {
-	background: @dark;
-	color: @back;
+	background: none;
+	color: white;
 	padding: 5px;
 }
 
@@ -57,13 +57,13 @@ window#waybar {
 #custom-pressure,
 #custom-pm_25,
 #custom-pm_10 {
-	background: @dark;
-	color: @back;
+	background: none;
+	color: white;
 	margin-right: 10px;
 }
 
 #workspaces:active {
-	color: @background;
+	color: white;
 	margin-right: 0;
 }
 
@@ -71,11 +71,11 @@ window#waybar {
 #workspaces button {
 	padding: 0;
 	margin: 0;
-	color: @background;
+	color: gray;
 }
 
 #workspaces button.focused {
-	color: @back;
+	color: #FFA500;
 	margin: 0;
 
 }
@@ -88,27 +88,13 @@ window#waybar {
 	padding: 0 0px;
 }
 
-#pulseaudio {
-	color: @back;
-}
-#memory {
-	color: @back;
-}
-#cpu {
-	color: @back;
-}
-#battery {
-	color: @back;
-}
-#disk {
-	color: @back;
-}
-
 #clock,
 #pulseaudio,
 #memory,
 #cpu,
 #battery,
 #disk {
+	color: white;
+	background: black;
 	padding: 0 10px;
 }