Added media, menu, network and power modules to bar.

scss/bar/audio.scss

@@ -27,7 +27,7 @@
 }
 
 .bar-volume_icon {
-  font-size: 17px;
+  font-size: 1.3rem;
   color: $peach;
 }
 

scss/bar/bar.scss

@@ -2,16 +2,14 @@
 
 .bar {
   background: $mantle;
-}
-
-.bar * {
-  font-weight: bold;
+  font-size: 1.15rem;
+  font-weight: 800;
 }
 
 .bar_item_box_visible {
   background: $surface0;
   border-radius: 8px;
-  padding: 1px 12px;
+  padding: 2px 12px;
   margin: 6px 3px;
 }
 

scss/bar/bluetooth.scss

@@ -1,7 +1,7 @@
 @import '../colors';
 
 .bar-bt_icon {
-  font-size: 17px;
+  font-size: 1.3rem;
   color: $sky;
 }
 

scss/bar/media.scss

@@ -0,0 +1,5 @@
+@import "../colors";
+
+.media {
+  color: $green;
+}

scss/bar/menu.scss

@@ -0,0 +1,7 @@
+@import "../colors";
+
+.bar-menu_label {
+  color: $teal;
+  margin-right: 20px;
+  font-size: 2rem;
+}

scss/bar/network.scss

@@ -0,0 +1,5 @@
+@import "../colors";
+
+.bar-network {
+  color: $mauve;
+}

scss/bar/power.scss

@@ -0,0 +1,6 @@
+@import "../colors";
+
+.bar-power_label {
+  color: $red;
+  margin-right: 2px;
+}

scss/main.scss

@@ -8,10 +8,14 @@
 @import "common";
 
 //modules - bar
+@import "bar/menu";
 @import "bar/audio";
+@import "bar/media";
+@import "bar/network";
 @import "bar/bluetooth";
 @import "bar/clock";
 @import "bar/workspace";
 @import "bar/window_title";
 @import "bar/systray";
+@import "bar/power";
 @import "bar/bar";