Last bit of waybar re-styling (for now), re-enable stylix chromium target

flake.nix

@@ -121,13 +121,15 @@
               stylix = {
                 autoEnable = false;
                 targets = {
+                  chromium.enable = true;
                   console.enable = true;
                   lightdm.enable = true;
                 };
                 image = ./wallpapers/tokyo-space.png;
                 base16Scheme = {
                   slug = "tokyonight";
-                  scheme = "My implementation of Enkia's TokyoNight theme";
+                  scheme =
+                    "My implementation of TokyoNight theme for Sublime, by Enkia";
                   author = "xenia";
                   base00 = "15161e";
                   base01 = "f7768e";

home/hyprland/waybar/default.nix

@@ -21,12 +21,13 @@
       "modules-right" = [
         "mpris"
         "pulseaudio"
-        "battery"
         "disk"
         "cpu"
         "memory"
         "temperature"
         "clock"
+        "backlight"
+        "battery"
         "tray"
       ];
       # Module config
@@ -79,7 +80,7 @@
       };
       pulseaudio = {
         scroll-step = 5;
-        format = "{format_source}/{icon}:{volume}%";
+        format = "{format_source}/{icon} {volume}%";
         format-muted = "{format_source}/󰝟";
         format-source = "󰍬";
         format-source-muted = "󰍭";
@@ -98,39 +99,22 @@
         on-scroll-up = "volumectl -u + 5";
         on-scroll-down = "volumectl -u - 5";
       };
-      backlight = {
-        format = "{icon}";
-        tooltip-format = "{percent}%";
-        format-icons = [ "" "" "" "" "" "" "" "" "" ];
-      };
-      battery = {
-        states = {
-          warning = 30;
-          critical = 15;
-        };
-        format = "{icon}:{capacity}%";
-        format-charging = "󰂄:{capacity}%";
-        format-plugged = "󰚥:{capacity}%";
-        tooltip-format = "{time}";
-        format-icons = [ "󱃍" "󰁺" "󰁻" "󰁼" "󰁽" "󰁾" "󰁿" "󰂀" "󰂁" "󰂂" "󰁹" ];
-      };
       disk = {
-        format = "󰋊:{percentage_used}%";
+        format = "󰋊 {percentage_used}%";
         path = config.home.homeDirectory;
       };
       cpu = {
-        format = "󰻠:{usage}%";
+        format = "󰻠 {usage}%";
         tooltip = false;
       };
-      memory = { format = "󰍛:{}%"; };
+      memory = { format = "󰍛 {}%"; };
       temperature = {
         critical-threshold = 80;
-        format = "{icon}:{temperatureC}°C";
+        format = "{icon} {temperatureC}°C";
         format-icons = [ "󱃃" "󰔏" "󱃂" ];
       };
       clock = {
-        format = "{:%R}";
-        format-alt = "{:%a %d %b %R}";
+        format = "{:󰃭 %Y-%M-%d 󰥔 %R}";
         tooltip-format = "<tt><small>{calendar}</small></tt>";
         calendar = {
           mode = "month";
@@ -152,6 +136,22 @@
           on-scroll-down = "shift_down";
         };
       };
+      backlight = {
+        format = "{icon}";
+        tooltip-format = "{percent}%";
+        format-icons = [ "" "" "" "" "" "" "" "" "" ];
+      };
+      battery = {
+        states = {
+          warning = 30;
+          critical = 15;
+        };
+        format = "{icon}";
+        format-charging = "󰂄";
+        format-plugged = "󰚥";
+        tooltip-format = "{time} {capacity}%";
+        format-icons = [ "󱃍" "󰁺" "󰁻" "󰁼" "󰁽" "󰁾" "󰁿" "󰂀" "󰂁" "󰂂" "󰁹" ];
+      };
       tray = {
         icon-size = 16;
         show-passive-items = true;

home/hyprland/waybar/style.css

@@ -27,6 +27,7 @@ tooltip {
 }
 
 #workspaces,
+#window,
 #mpris,
 #pulseaudio,
 #battery,
@@ -41,35 +42,25 @@ tooltip {
 }
 
 #workspaces,
+#window,
 #mpris,
+#battery,
+#backlight,
 #tray { color: #c0caf5; }
 
+#workspaces button {
+    background: transparent;
+    color: #c0caf5;
+    margin: 0px;
+    padding: 0px 5px;
+}
+#workspaces button.empty { color: #414868; }
+#workspaces button.active { color: #bb9af7; }
+#workspaces button.urgent { color: #f7768e; }
+
 #pulseaudio { color: #f7768e; }
-#battery { color: #e0af68; }
 #disk { color: #e0af68; }
 #cpu { color: #9ece6a; }
 #memory { color: #7dcfff; }
 #temperature { color: #7aa2f7; }
 #clock { color: #bb9af7; }
-
-#workspaces button {
-    background: transparent;
-    border: 1px solid transparent;
-    border-radius: 10px;
-    color: #c0caf5;
-    margin: 0px;
-    padding: 0px 5px;
-}
-
-#workspaces button.empty {
-    color: #414868;
-}
-
-#workspaces button.active {
-    color: #bb9af7;
-}
-
-#workspaces button.urgent {
-    border: 1px solid #f7768e;
-    color: #f7768e;
-}