add(ags/bar): network section + tweak styles

ags/styles/classes.scss

@@ -1,6 +1,11 @@
+@use './theme_colors.scss' as *;
 @use '_variables' as *;
 @use 'mixins';
 
 .material-icon {
     @include mixins.material-icon;
 }
+
+.separator {
+    color: $base05;
+}

ags/styles/components/_bar.scss

@@ -2,7 +2,7 @@
 
 window.bar {
     font-weight: bold;
-
+    
     >box {
         border-radius: 10px;
     }
@@ -11,10 +11,10 @@ window.bar {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
         background: $base00;
-        padding: 0.25rem 1rem;
+        padding: 0rem 1rem;
         margin: 0;
 
-        * { color: $base0B; }
+        *:not(.separator) { color: $base0B; }
     }
 
     .tray .item {