Hyprland and waybar hacking

README.org

@@ -14,3 +14,4 @@ this is probably not that great of a reference.
 - https://github.com/kaleocheng/nix-dots/tree/master
 - https://gist.github.com/0atman/1a5133b842f929ba4c1e195ee67599d5
 - https://github.com/woioeow/hyprland-dotfiles/tree/main
+- https://github.com/HeinzDev/Hyprland-dotfiles 

home/hypr.nix

@@ -3,141 +3,24 @@
   pkgs,
   ...
 }: {
+  catppuccin = {
+    waybar = {
+      enable = false;
+    # flavor = "mocha";
+    # mode = "createLink";
+	};
+	hyprland = {
+	  enable = false;
+    };
+  };
+  
   programs.waybar = {
     enable = true;
     systemd = {
       enable = true;
       target = "hyprland-session.target";
     };
-    style = ''
+    style = ./waybar.css;
-      * {
-                 font-family: "JetBrainsMono Nerd Font";
-                 font-size: 12pt;
-                 font-weight: bold;
-                 border-radius: 8px;
-                 transition-property: background-color;
-                 transition-duration: 0.5s;
-               }
-               @keyframes blink_red {
-                 to {
-                   background-color: rgb(242, 143, 173);
-                   color: rgb(26, 24, 38);
-                 }
-               }
-               .warning, .critical, .urgent {
-                 animation-name: blink_red;
-                 animation-duration: 1s;
-                 animation-timing-function: linear;
-                 animation-iteration-count: infinite;
-                 animation-direction: alternate;
-               }
-               window#waybar {
-                 background-color: transparent;
-               }
-               window > box {
-                 margin-left: 5px;
-                 margin-right: 5px;
-                 margin-top: 5px;
-                 background-color: #1e1e2a;
-                 padding: 3px;
-                 padding-left:8px;
-                 border: 2px none #33ccff;
-               }
-         #workspaces {
-                 padding-left: 0px;
-                 padding-right: 4px;
-               }
-         #workspaces button {
-                 padding-top: 5px;
-                 padding-bottom: 5px;
-                 padding-left: 6px;
-                 padding-right: 6px;
-               }
-         #workspaces button.active {
-                 background-color: rgb(181, 232, 224);
-                 color: rgb(26, 24, 38);
-               }
-         #workspaces button.urgent {
-                 color: rgb(26, 24, 38);
-               }
-         #workspaces button:hover {
-                 background-color: rgb(248, 189, 150);
-                 color: rgb(26, 24, 38);
-               }
-               tooltip {
-                 background: rgb(48, 45, 65);
-               }
-               tooltip label {
-                 color: rgb(217, 224, 238);
-               }
-         #custom-launcher {
-                 font-size: 20px;
-                 padding-left: 8px;
-                 padding-right: 6px;
-                 color: #7ebae4;
-               }
-         #mode, #clock, #memory, #temperature,#cpu,#mpd, #custom-wall, #temperature, #backlight, #pulseaudio, #network, #battery, #custom-powermenu, #custom-cava-internal {
-                 padding-left: 10px;
-                 padding-right: 10px;
-               }
-               /* #mode { */
-               /* 	margin-left: 10px; */
-               /* 	background-color: rgb(248, 189, 150); */
-               /*     color: rgb(26, 24, 38); */
-               /* } */
-         #memory {
-                 color: rgb(181, 232, 224);
-               }
-         #cpu {
-                 color: rgb(245, 194, 231);
-               }
-         #clock {
-                 color: rgb(217, 224, 238);
-               }
-        /* #idle_inhibitor {
-                 color: rgb(221, 182, 242);
-               }*/
-         #custom-wall {
-                 color: #33ccff;
-            }
-         #temperature {
-                 color: rgb(150, 205, 251);
-               }
-         #backlight {
-                 color: rgb(248, 189, 150);
-               }
-         #pulseaudio {
-                 color: rgb(245, 224, 220);
-               }
-         #network {
-                 color: #ABE9B3;
-               }
-         #network.disconnected {
-                 color: rgb(255, 255, 255);
-               }
-         #custom-powermenu {
-                 color: rgb(242, 143, 173);
-                 padding-right: 8px;
-               }
-         #tray {
-                 padding-right: 8px;
-                 padding-left: 10px;
-               }
-         #mpd.paused {
-                 color: #414868;
-                 font-style: italic;
-               }
-         #mpd.stopped {
-                 background: transparent;
-               }
-         #mpd {
-                 color: #c0caf5;
-               }
-         #custom-cava-internal{
-                 font-family: "Hack Nerd Font" ;
-                 color: #33ccff;
-               }
-    '';
     settings = [{
         "layer" = "top";
         "position" = "top";
@@ -145,7 +28,6 @@
           "custom/launcher"
           "temperature"
           "mpd"
-        "custom/cava-internal"
         ];
         modules-center = [
           "clock"
@@ -166,10 +48,6 @@
           "on-click-right" = "exec wallpaper_random";
           "tooltip" = false;
         };
-      "custom/cava-internal" = {
-        "exec" = "sleep 1s && cava-internal";
-        "tooltip" = false;
-      };
         "pulseaudio" = {
           "scroll-step" = 1;
           "format" = "{icon} {volume}%";
@@ -182,9 +60,9 @@
         };
         "clock" = {
           "interval" = 1;
-        "format" = "{:%I:%M %p  %A %b %d}";
+          "format" = "{:%H:%M}";
           "tooltip" = true;
-        "tooltip-format"= "{=%A; %d %B %Y}\n<tt>{calendar}</tt>";
+          "tooltip-format"= "{:%Y-%m-%d}\n<tt>{calendar}</tt>";
         };
         "memory" = {
           "interval" = 1;
@@ -205,15 +83,15 @@
           "format-disconnected" = "";
           "on-click" = "mpc --quiet toggle";
           "on-click-right" = "mpc update; mpc ls | mpc add";
-        "on-click-middle" = "kitty --class='ncmpcpp' ncmpcpp ";
+          "on-click-middle" = "kitty --class='rmpc' rmpc ";
           "on-scroll-up" = "mpc --quiet prev";
           "on-scroll-down" = "mpc --quiet next";
           "smooth-scrolling-threshold" = 5;
           "tooltip-format" = "{title} - {artist} ({elapsedTime:%M:%S}/{totalTime:%H:%M:%S})";
         };
         "network" = {
-        "format-disconnected" = "󰯡 Disconnected";
+          "format-disconnected" = "󰯡";
-        "format-ethernet" = "󰒢 Connected!";
+          "format-ethernet" = "󰒢";
           "format-linked" = "󰖪 {essid} (No IP)";
           "format-wifi" = "󰖩 {essid}";
           "interval" = 1;
@@ -229,7 +107,6 @@
           "spacing" = 5;
         };
     }];
-    
   };
 
   programs.hyprlock = {

home/waybar.css

@@ -0,0 +1,123 @@
+* {
+    font-family: "JetBrainsMono Nerd Font";
+    font-size: 12pt;
+    font-weight: bold;
+    border-radius: 8px;
+    transition-property: background-color;
+    transition-duration: 0.5s;
+}
+@keyframes blink_red {
+    to {
+        background-color: rgb(242, 143, 173);
+        color: rgb(26, 24, 38);
+    }
+}
+.warning, .critical, .urgent {
+    animation-name: blink_red;
+    animation-duration: 1s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+window#waybar {
+    background-color: transparent;
+}
+window > box {
+    margin-left: 5px;
+    margin-right: 5px;
+    margin-top: 5px;
+    background-color: #1e1e2a;
+    padding: 3px;
+    padding-left:8px;
+    border: 2px none #33ccff;
+}
+#workspaces {
+    padding-left: 0px;
+    padding-right: 4px;
+}
+#workspaces button {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left: 6px;
+    padding-right: 6px;
+}
+#workspaces button.active {
+    background-color: rgb(181, 232, 224);
+    color: rgb(26, 24, 38);
+}
+#workspaces button.urgent {
+    color: rgb(26, 24, 38);
+}
+#workspaces button:hover {
+    background-color: rgb(248, 189, 150);
+    color: rgb(26, 24, 38);
+}
+tooltip {
+    background: rgb(48, 45, 65);
+}
+tooltip label {
+    color: rgb(217, 224, 238);
+}
+#custom-launcher {
+    font-size: 20px;
+    padding-left: 8px;
+    padding-right: 6px;
+    color: #7ebae4;
+}
+#mode, #clock, #memory, #temperature,#cpu,#mpd, #custom-wall, #temperature, #backlight, #pulseaudio, #network, #battery, #custom-powermenu, #custom-cava-internal {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+/* #mode { */
+/* 	margin-left: 10px; */
+/* 	background-color: rgb(248, 189, 150); */
+/*     color: rgb(26, 24, 38); */
+/* } */
+#memory {
+    color: rgb(181, 232, 224);
+}
+#cpu {
+    color: rgb(245, 194, 231);
+}
+#clock {
+    color: rgb(217, 224, 238);
+}
+/* #idle_inhibitor {
+color: rgb(221, 182, 242);
+}*/
+#custom-wall {
+    color: #33ccff;
+}
+#temperature {
+    color: rgb(150, 205, 251);
+}
+#backlight {
+    color: rgb(248, 189, 150);
+}
+#pulseaudio {
+    color: rgb(245, 224, 220);
+}
+#network {
+    color: #ABE9B3;
+}
+#network.disconnected {
+    color: rgb(255, 255, 255);
+}
+#custom-powermenu {
+    color: rgb(242, 143, 173);
+    padding-right: 8px;
+}
+#tray {
+    padding-right: 8px;
+    padding-left: 10px;
+}
+#mpd.paused {
+    color: #414868;
+    font-style: italic;
+}
+#mpd.stopped {
+    background: transparent;
+}
+#mpd {
+    color: #c0caf5;
+}

nixos/base.nix

@@ -47,7 +47,7 @@
     LC_NUMERIC = "en_US.UTF-8";
     LC_PAPER = "en_US.UTF-8";
     LC_TELEPHONE = "en_US.UTF-8";
-    LC_TIME = "C.UTF-8";
+    LC_TIME = "en_GB.UTF-8";
   };
 
   # Configure keymap