new year new bar

.config/waybar/style.css

@@ -4,32 +4,44 @@
     border: none;
     margin: 0;
     color: @foreground;
-    font-family: 'Space Mono';
+    font-family: "BlexMono Nerd Font Mono";
     text-shadow: 0 0 2px @background;
-    font-weight: bold;
-    font-size: 16px;
 }
 
 window {
-    background-color: alpha(@background, 0.8);
+    background-color: transparent;
 }
 
-.modules-right, .modules-center, .modules-left {
+.modules-right,
+.modules-center,
+.modules-left {
     padding: 0;
-    margin-top: 0;
+    margin: 8px;
+    margin-bottom: 0;
+    border-radius: 8px;
+}
+.modules-left {
+    font-size: 18px;
+}
+.modules-center {
+}
+.modules-right {
+    font-size: 18px;
 }
 
 #workspaces button {
-    padding: 0 15px;
-    font-size:20px;
-    margin: 0;
-    font-weight:bold;
+    padding: 0 8px;
+    margin-right: 8px;
+    font-size: 30px;
+    letter-spacing: 8px;
     /*background-color: alpha(@background, 1.0);*/
-    background: transparent;
-    color: alpha(@foreground, 1.0);
+    border-radius: 8px;
+    background-color: @color6;
+    color: alpha(@foreground, 1);
 }
 
-#workspaces button.focused, #workspaces button.active {
+#workspaces button.focused,
+#workspaces button.active {
     background-color: alpha(@color4, 0.8);
     color: @foreground;
 }
@@ -52,59 +64,87 @@ window {
 #custom-transmission,
 #custom-recording,
 #network,
-#wireplumber
-{
-    padding: 0 10px;
+#wireplumber {
+    padding: 0 8px;
     color: @foreground;
 }
 
+#cpu {
+    background: @color2;
+    border-radius: 8px;
+    margin-right: 8px;
+}
+
+#disk {
+    border-radius: 8px;
+    margin-right: 8px;
+    background: @color3;
+}
+
 #custom-recording {
     color: red;
 }
 #custom-transmission {
-    color:#FEE;
+    color: #fee;
+}
+#idle_inhibitor {
+    font-size: 32px;
 }
 
 #clock {
-    background-color: alpha(@background, 0.8);
-    background: transparent;
-    padding: 0 20px 5px 20px;
-    margin: 0;
     font-size: 20px;
 }
 
-#workspaces *:last-child {
-    border-bottom-right-radius: 0px;
+#tray {
+    padding: 0 8px;
 }
 
-.modules-right > *:first-child > * {
-    border-bottom-left-radius: 0px;
+#tray > * {
+    padding: 0;
+    -gtk-icon-shadow: 0px 0px 2px @foreground;
+}
+
+.modules-left #disk.nocturnal {
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+}
+#workspaces button:first-child {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+}
+
+.modules-right > * > *,
+.modules-left > * > *,
+.modules-center > * > * > * {
+    border-radius: 8px;
+    margin-left: 8px;
+    border: 1px solid @foreground;
 }
 
 .modules-right > *:nth-child(1) > * {
-    background-color: alpha(@color1, 1.0);
+    background-color: alpha(@color1, 1);
 }
 .modules-right > *:nth-child(2) > * {
-    background-color: alpha(@color2, 1.0);
+    background-color: alpha(@color2, 1);
 }
 .modules-right > *:nth-child(3) > * {
-    background-color: alpha(@color3, 1.0);
+    background-color: alpha(@color3, 1);
 }
 .modules-right > *:nth-child(4) > * {
-    background-color: alpha(@color4, 1.0);
+    background-color: alpha(@color4, 1);
 }
 .modules-right > *:nth-child(5) > * {
-    background-color: alpha(@color5, 1.0);
+    background-color: alpha(@color5, 1);
 }
 .modules-right > *:nth-child(6) > * {
-    background-color: alpha(@color6, 1.0);
+    background-color: alpha(@color6, 1);
 }
 .modules-right > *:nth-child(7) > * {
-    background-color: alpha(@color7, 1.0);
+    background-color: alpha(@color7, 1);
 }
 .modules-right > *:nth-child(8) > * {
-    background-color: alpha(@color7, 1.0);
+    background-color: alpha(@color7, 1);
 }
 .modules-right > *:nth-child(9) > * {
-    background-color: alpha(@color7, 1.0);
+    background-color: alpha(@color7, 1);
 }