radio-win

modules/home/wayland/apps/eww/bar/css/_clock.scss

@@ -1,6 +1,3 @@
-.calendar-win {
-}
-
 calendar {
   padding: 5pt;
 

modules/home/wayland/apps/eww/bar/css/_net.scss

@@ -1,14 +1,14 @@
 // Bar icons
-.net-icon      { font-size: 14px; padding: 3pt 0; }
-.net-active    { color: $base07; }
-.net-dim       { color: $base02; }
-.blt-on        { color: $base07; }
-.blt-connected { color: $base0D; }
+.net-icon                { font-size: 14px; padding: 3pt 0; }
+.net-active, .blt-on    { color: $base07; }
+.net-dim                 { color: $base02; }
+.blt-connected           { color: $base0D; }
 
 // Popup window section accents
 .wifi-accent { background-color: $base0C; }
 .eth-accent  { background-color: $base0B; }
 .blt-accent  { background-color: $base0D; }
+.usb-accent  { background-color: $base09; }
 
 // Netinfo rows
 .netinfo-row   { margin-bottom: 3pt; }
@@ -16,9 +16,22 @@
 .netinfo-value { font-size: 0.72em; color: $base05; }
 .netinfo-dim   { font-size: 0.72em; color: $base03; margin-bottom: 4pt; }
 
+// Section toggle button
+.net-toggle-btn {
+  padding: 2pt 4pt;
+  border-radius: $border-radius;
+  font-size: 1.1em;
+}
+.net-toggle-btn:hover { background-color: $base02; }
+.net-toggle-on        { color: $base07; }
+.net-toggle-on:hover  { color: $base06; }
+.net-toggle-off       { color: $base03; }
+.net-toggle-off:hover { color: $base05; }
+
 // Bluetooth device list
 .bt-device-row  { margin-bottom: 4pt; }
 .bt-device-name { font-size: 0.78em; color: $base05; }
 .bt-device-btn  { padding: 2pt 6pt; border-radius: $border-radius; font-size: 1em; }
+.bt-device-btn:hover { background-color: $base02; }
 .bt-btn-on  { color: $base0D; }
 .bt-btn-off { color: $base03; }

modules/home/wayland/apps/eww/bar/css/_radio.scss

@@ -1,8 +1,7 @@
-
 .radio-win {
-    //margin: $gaps-screen;
-    //padding: .5em;
-  }
+	//margin: $gaps-screen;
+	//padding: .5em;
+}
 
 .album_art {
     background-repeat: no-repeat;

modules/home/wayland/apps/eww/bar/css/_sys.scss

@@ -4,11 +4,7 @@
 .gpubar { color: $base0E; }
 .membar { color: $base08; }
 .batbar { color: $base0B; }
-
-.cpubar, .gpubar, .membar, .batbar {
-  background-color: $bg0;
-  margin: $gaps-window 0;
-}
+.cpubar, .gpubar, .membar, .batbar { background-color: $bg0; margin: $gaps-window 0; }
 
 // Window
 .sys-win {
@@ -47,26 +43,17 @@
   margin: 6pt 0 10pt 0;
 }
 
-.sys-sublabel {
-  font-size: 0.72em;
-  color: $base04;
-  margin-right: 8pt;
-}
+// All rings share the same track background
+.cpu-usage-ring, .cpu-freq-ring,
+.gpu-ring, .gpu-freq-ring,
+.ram-ring, .swap-ring, .bat-ring { background-color: $bg0; }
 
 // CPU grid
-.cpu-usage-ring {
-  color: $base0C;
-  background-color: $bg0;
-  margin: 3pt;
-}
+.cpu-usage-ring { color: $base0C; margin: 3pt; }
 
 // Inner freq ring — margin shrinks it inside overlay for concentric effect
 // 0% = cpu min freq, 100% = cpu max freq
-.cpu-freq-ring {
-  color: $base0D;
-  background-color: $bg0;
-  margin: 12px;
-}
+.cpu-freq-ring { color: $base0D; margin: 12px; }
 
 .cpu-core-label {
   font-size: 0.7em;
@@ -74,17 +61,8 @@
 }
 
 // GPU rings
-.gpu-ring {
-  color: $base0E;
-  background-color: $bg0;
-  margin: 3pt;
-}
-
-.gpu-freq-ring {
-  color: $base0D;
-  background-color: $bg0;
-  margin: 13px;
-}
+.gpu-ring      { color: $base0E; margin: 3pt; }
+.gpu-freq-ring { color: $base0D; margin: 13px; }
 
 .gpu-ring-value {
   font-size: 0.82em;
@@ -138,11 +116,7 @@
 }
 
 // RAM ring
-.ram-ring {
-  color: $base08;
-  background-color: $bg0;
-  margin: 4pt;
-}
+.ram-ring { color: $base08; margin: 4pt; }
 
 .ram-cached-ring {
   color: $base02;
@@ -162,11 +136,7 @@
 }
 
 // Swap ring
-.swap-ring {
-  color: $base09;
-  background-color: $bg0;
-  margin: 3pt;
-}
+.swap-ring { color: $base09; margin: 3pt; }
 
 .swap-section-label {
   font-size: 0.62em;
@@ -175,10 +145,7 @@
 }
 
 // Battery ring
-.bat-ring {
-  background-color: $bg0;
-  margin: 4pt;
-}
+.bat-ring { margin: 4pt; }
 
 .bat-ring-label {
   font-size: 0.7em;