so many things.

.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;