[eww] Fixes some stuff with the vertical statusbar

home-manager/features/eww/config/eww.scss

@@ -33,6 +33,16 @@ $color-standout-dark: darker($color-standout);
   font-family: 'Noto Sans Nerd Font', sans-serif;
 }
 
+window.vertical-statusbar {
+  background-color: $color-background;
+  // background-image: linear-gradient(160deg, rgba(255,00,00,0.5), $color-background);
+  color: $color-foreground;
+  padding: 16px;
+  font-size: 14px;
+  border-right: 3px solid $color-border;
+  font-family: 'Noto Sans Nerd Font', sans-serif;
+}
+
 .system-monitor {
   padding-top: 8px;
   padding-right: 8px;

home-manager/features/eww/config/vertical-statusbar.yuck

@@ -19,9 +19,8 @@
 
 (defwidget vertical-statusbar []
   (box
-    :class "statusbar"
     :orientation "v"
-    :halign "center"
+    :halign "fill"
     :spacing 8
     :space-evenly false
     (clock-large)

home-manager/features/eww/default.nix

@@ -1,5 +1,10 @@
-{ ... }:
+{ pkgs, ... }:
 {
+  home.packages = with pkgs; [
+    # For Noto Sans NF
+    nerdfonts
+  ];
+
   programs.eww = {
     enable = true;
     configDir = ./config;