switched to arch, changed up the waybar config

.config/waybar/config

@@ -1,7 +1,7 @@
 {
     "layer": "top", // Waybar at top layer
     "position": "top", // Waybar at the bottom of your screen
-    "height": 25, // Waybar height
+    "height": 35, // Waybar height
     "modules-left": ["sway/workspaces"],
     "modules-center": ["clock", "backlight"],
     "modules-right": ["pulseaudio", "network", "battery", "tray"],
@@ -47,11 +47,11 @@
         "format-full": "<span size='large' rise='-1600'></span> Full",
         "format-charging": "<span size='large' rise='-1600'></span> {capacity}% "
     },
-    
+
     "network": {
         "interval": 5,
         "format-wifi": "<span size='large' rise='-1000'></span> {essid}",
-        "format-ethernet": "<span size='large' rise='-1000'></span> {ifname}", 
+        "format-ethernet": "<span size='large' rise='-1000'></span> {ifname}",
         "format-disconnected": "",
         "on-click": "nm-applet",
         "tooltip-format-wifi": "{essid}:{signalStrength}\nSpeed:{bandwidthDownBits} \n{ipaddr}"
@@ -73,8 +73,7 @@
     },
     "backlight": {
         "device": "intel_backlight",
-        "format": "",
-        "format": "<span size='large' rise='-1600'>{icon}</span>",
+        "format": "",
         "format-icons": ["", ""],
         // "on-scroll-up": "brightnessctl set 1%+",
         // "on-scroll-down": "brightnessctl set 1%-",

.config/waybar/style.css

@@ -7,14 +7,15 @@
 }
 
 window#waybar {
-    background: transparent;
+    opacity: 0.7;
+    background: #000000;
     color: #bebebe;
 }
 
 #workspaces button {
     color: #bebebe;
     background: transparent;
-    padding: 0px 5px 0 5px;
+    padding: 0px 5px 0px 5px;
     margin: 5px 10px 0 10px;
 }
 #workspaces button.focused {
@@ -23,7 +24,7 @@ window#waybar {
  }
 #workspaces button.urgent{
     margin: 5px 10px 0 10px;
-    padding: 1px 8px 1px 8px;
+    padding: 0px 8px 0px 8px;
     animation-duration: 0.5s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
@@ -41,21 +42,21 @@ window#waybar {
 #battery{
     margin:7px 4px 0 4px;
     border-radius: 5px;
-    padding: 3px 8px 0px 8px;
+    padding: 0px 8px 0px 8px;
     }
 
 #network {
     margin:7px 4px 0 4px;
     border-radius: 6px;
-    padding: 3px 8px 0px 8px;
+    padding: 0px 8px 0px 8px;
 }
- 
+
 @keyframes critical {
     to {
     background: rgba(187,56,0, 1);
     border-radius: 7px;
     margin:7px 4px 0 4px;
-    padding: 3px 8px 0px 8px;
+    padding: 3px 8px 2px 8px;
     }
 }
 @keyframes urgent {
@@ -81,7 +82,7 @@ window#waybar {
     font-family: Manjari;
     font-size: 16.5px;
     border-radius: 6px;
-    padding: 4px 6px 0px 0px;
+    padding: 3px 6px 2px 0px;
 }
 
 #clock:hover {
@@ -92,18 +93,18 @@ window#waybar {
 #backlight {
     margin:7px 4px 0 4px;
     border-radius: 5px;
-    padding: 3px 8px 0px 8px;
+    padding: 3px 8px 2px 8px;
 }
 
 #pulseaudio {
     margin:7px 4px 0 4px;
     border-radius: 5px;
-    padding: 3px 8px 0px 8px;
+    padding: 0px 8px 0px 8px;
 }
- 
+
 #tray {
     margin: 7px 15px 0 4px;
     background: rgba(40,40,40, .65);
     border-radius: 6px;
-    padding: 1px 5px 1px 5px;
+    padding: 0px 5px 0px 5px;
 }