update: huge style update

.config/waybar/style.css

@@ -1,3 +1,11 @@
+/* Colors */
+@define-color primary_fg rgba(205, 223, 240, 1);
+@define-color primary_bg rgba(44, 44, 44, 0.42);
+@define-color primary_bd rgba(205, 223, 240, 0.3);
+@define-color tooltip_bg rgba(32, 33, 44, 0.6);
+
+
+/* General */
 * {
   border: none;
   font-family: "JetBrains Mono Nerd Font";
@@ -5,78 +13,126 @@
   font-weight: 700;
   font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
   min-height: 20px;
-  color: #c0caf5;
+  color: @primary_fg;
 }
 
 window#waybar {
   background: transparent;
 }
 
+
+/* Common */
 tooltip,
 #clock,
 #tray,
-#language,
 #custom-media,
 #network-group,
 #pulseaudio-group,
 #workspaces-group,
 #power-group {
-  border: 2px solid rgba(192, 202, 245, 0.5);
+  border: 2px solid @primary_bd;
   border-radius: 11px;
-  background-color: rgba(32, 33, 44, 0.42);
+  background-color: @primary_bg;
   padding-top: 1px;
   margin-bottom: 2px;
   margin-top: 1px;
 }
 
+
+/* Tooltip */
 tooltip {
-  background: rgba(32, 33, 44, 0.82);
+  background: @tooltip_bg;
 }
 tooltip label {
 }
 
-#hyprland-group,
-#custom-media {
+
+/* Groups */
+#hyprland-group {
   margin-left: 5px;
 }
 
-#clock,
-#power-group,
-#network-group,
-#pulseaudio-group,
-#tray {
+#pulseaudio-group {
   margin-right: 5px;
 }
 
-#pulseaudio,
-#custom-media,
-#network,
-#battery,
-#clock,
-#tray,
-#language,
-#backlight,
-#bluetooth,
-#windowcount {
+#power-group {
+  margin-right: 5px;
+}
+
+#network-group {
+  margin-right: 5px;
+}
+
+
+/* Parts */
+#tray * {
+  /* margin-right: 5px; */
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+#tray {
+  margin-right: 5px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+#custom-media {
+  margin-left: 5px;
   padding-left: 12px;
   padding-right: 12px;
 }
 
+
+#windowcount {
+  padding-left: 12px;
+  padding-right: 4px;
+}
+
 #workspaces button {
   padding-left: 4px;
-  padding-left: 4px;
 }
 
-#windowcount {
-  padding-right: 4px;
-}
-#network,
-#battery {
-  padding-left: 6px;
-}
-#workspaces,
-#pulseaudio.input,
-#backlight,
-#bluetooth {
+#workspaces {
   padding-right: 6px;
 }
+
+
+#pulseaudio {
+  padding-left: 8px;
+  padding-right: 6px;
+}
+
+#pulseaudio.input {
+  padding-right: 6px;
+}
+
+
+#backlight {
+  padding-left: 12px;
+  padding-right: 6px;
+}
+
+#battery {
+  padding-right: 12px;
+  padding-left: 6px;
+}
+
+
+#bluetooth {
+  padding-left: 12px;
+  padding-right: 6px;
+}
+
+#network {
+  padding-left: 6px;
+  padding-right: 17px;
+}
+
+
+#clock {
+  margin-right: 5px;
+  padding-left: 12px;
+  padding-right: 12px;
+}