so many things.

.config/waybar/config

@@ -6,29 +6,9 @@
     "modules-center": ["clock", "backlight"],
     "modules-right": ["idle_inhibitor", "pulseaudio", "network", "battery", "tray"],
     "sway/workspaces": {
-        // "persistent_workspaces": {
-            // "<span font=\"FontAwesome 5 Free\"></span>": ["HDMI-A-1"],
-            // "<span font=\"FontAwesome 5 Free\"></span>": ["HDMI-A-1"],
-            // "<span font=\"FontAwesome 5 Free\"></span>": ["HDMI-A-1"],
-            // "<span font=\"FontAwesome 5 Free\"></span>": ["HDMI-A-1"],
-            // "<span font=\"FontAwesome 5 Free\"></span>": ["HDMI-A-1"],
-            // "<span font=\"FontAwesome 5 Free\"></span>": ["HDMI-A-1"],
-          // },
         "disable-scroll": true,
         "all-outputs": true,
         "format": "<span size='large'>{icon}</span>",
-        // "format-icons": {
-        //    "1": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "2": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "3": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "4": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "5": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "6": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "7": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "urgent": "<span font=\"FontAwesome 5 Free\"></span>",
-        //    "focused": " <span font=\"FontAwesome 5 Free\"></span>",
-        //    "default": "<span font=\"FontAwesome 5 Free\"></span>",
-       // },
     },
 
     "sway/mode": {

.config/waybar/style.css

@@ -6,6 +6,17 @@
     min-height: 0;
 }
 
+/* button { */
+/*     border: none; */
+/*     border-radius: 0; */
+
+/* } */
+/* button:hover { */
+/*     box-shadow: inherit; */
+/*     text-shadow: inherit; */
+/*     background: inherit; */
+/* } */
+
 window#waybar {
     opacity: 0.7;
     background: #000000;
@@ -46,12 +57,14 @@ window#waybar {
 }
 
 #battery{
+    color: #bebebe;
     margin:7px 4px 0 4px;
     border-radius: 5px;
     padding: 0px 8px 0px 8px;
     }
 
 #network {
+    color: #bebebe;
     margin:7px 4px 0 4px;
     border-radius: 6px;
     padding: 0px 8px 0px 8px;
@@ -75,7 +88,7 @@ window#waybar {
 
 #battery.critical:not(.charging) {
     padding: 0px 6px 0px 6px;
-    color: white;
+    color: #bebebe;
     animation-name: critical;
     animation-duration: 0.5s;
     animation-timing-function: linear;
@@ -84,26 +97,38 @@ window#waybar {
 }
 
 #clock {
-    margin:7px 0 0 13px;
+    border: none;
+    color: #bebebe;
     font-family: Manjari;
     font-size: 16.5px;
-    border-radius: 6px;
+    border-radius: 0;
     padding: 3px 6px 2px 0px;
 }
 
 #clock:hover {
- background: rgba(40,40,40, .95);
+    box-shadow: inherit;
+    text-shadow: inherit;
+    background: inherit;
 }
 
-
 #backlight {
     margin:7px 4px 0 4px;
-    border-radius: 5px;
-    padding: 3px 8px 2px 8px;
+    color: #bebebe;
+    border: none;
+    border-radius: 0;
+    padding: 0px 0px 5px 0px;
+}
+
+#backlight:hover {
+    box-shadow: inherit;
+    text-shadow: inherit;
+    background: inherit;
 }
 
 #pulseaudio {
+    background: transparent;
     margin:7px 4px 0 4px;
+    color: #bebebe;
     border-radius: 5px;
     padding: 0px 8px 0px 8px;
 }
@@ -116,6 +141,8 @@ window#waybar {
 }
 
 #idle_inhibitor {
+    color: #bebebe;
+    background: transparent;
     margin: 7px 4px 0 4px;
     border-radius: 6px;
     padding: 0px 5px 0px 5px;