From f5d672a0a223e3177cbd7ad519aa260afa4ef9c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torjus=20H=C3=A5kestad?= <torjus@usit.uio.no>
Date: Thu, 30 May 2024 00:01:21 +0200
Subject: [PATCH] Do some mild waybar ricing

---
 home/hyprland/waybar/default.nix | 124 +++++++++++++------------------
 1 file changed, 53 insertions(+), 71 deletions(-)

diff --git a/home/hyprland/waybar/default.nix b/home/hyprland/waybar/default.nix
index 7ade5c7..5cc64d2 100644
--- a/home/hyprland/waybar/default.nix
+++ b/home/hyprland/waybar/default.nix
@@ -35,7 +35,7 @@ in
         repo = "waybar";
         rev = "f74ab1eecf2dcaf22569b396eed53b2b2fbe8aff";
         sha256 = "WLJMA2X20E5PCPg0ZPtSop0bfmu+pLImP9t8A8V4QK8=";
-      } + "/themes/machiatto.css";
+      } + "/themes/macchiato.css";
   };
 
   programs.waybar = {
@@ -45,18 +45,39 @@ in
       target = "graphical-session.target";
     };
     style = ''
+      @import "macchiato.css";
       * {
-        font-family: "FiraCodeNerdFont-Regular";
-        font-size: 14px;
-        font-weight: bold;
-        border-radius: 0px;
+        border: none;
+        border-radius: 10px;
+        min-height: 10px;
+        font-family: "JetbrainsMono Nerd Font";
+        font-size: 15px;
         transition-property: background-color;
         transition-duration: 0.5s;
+        color: @text;
       }
+
+      window#waybar {
+        background: transparent;
+      }
+
+      window#waybar.hidden {
+        opacity: 0.2;
+      }
+
+      #window {
+        margin-top: 6px;
+        padding-left: 10px;
+        padding-right: 10px;
+        border-radius: 10px;
+        transition: none;
+        color: transparent;
+        background: transparent;
+      }
+
       @keyframes blink_red {
         to {
-          background-color: rgb(242, 143, 173);
-          color: rgb(26, 24, 38);
+          background-color: @red;
         }
       }
       .warning,
@@ -68,49 +89,38 @@ in
         animation-iteration-count: infinite;
         animation-direction: alternate;
       }
-      window#waybar {
-        background-color: transparent;
-      }
-      window > box {
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        border-bottom: 2px solid @color1;
-        background-color: @background;
-      }
       #workspaces {
-        padding-left: 0px;
-        padding-right: 4px;
+        padding-left: 12px;
+        padding-right: 12px;
+        background-color: @base;
       }
       #workspaces button {
-        padding-top: 5px;
-        padding-bottom: 5px;
-        padding-left: 6px;
-        padding-right: 6px;
-        color: @color1;
+        padding-left: 12px;
+        padding-right: 12px;
       }
       #workspaces button.active {
-        background-color: @color1;
-        color: rgb(26, 24, 38);
+        background-color: @surface1;
       }
       #workspaces button.urgent {
-        color: rgb(26, 24, 38);
+        color: alpha(@red, 0.4);
       }
       #workspaces button:hover {
-        background-color: #b38dac;
-        color: rgb(26, 24, 38);
+        background-color: @surface2;
       }
       tooltip {
-        background: #3b4253;
+        background-color: @base;
       }
       tooltip label {
-        color: #e4e8ef;
+        color: @text;
       }
       #custom-launcher {
-        font-size: 20px;
-        padding-left: 8px;
-        padding-right: 6px;
-        color: #7ebae4;
+        font-size: 15px;
+        padding-left: 5px;
+        padding-right: 12px;
+        background-color: @base;
+      }
+      .modules-right {
+        background-color: @base;
       }
       #mode,
       #clock,
@@ -126,54 +136,25 @@ in
       #battery,
       #custom-powermenu,
       #custom-flakestat,
-      #custom-arrhist,
-      #custom-cava-internal {
-        padding-left: 10px;
-        padding-right: 10px;
-        color: @color1;
-      }
-      #network.disconnected {
-        color: #cccccc;
+      #custom-arrhist {
+        padding-left: 12px;
+        padding-right: 12px;
       }
       #battery.charging,
       #battery.full,
       #battery.discharging {
-        color: #cf876f;
+        color: @maroon;
       }
       #battery.critical:not(.charging) {
-        color: #d6dce7;
-      }
-      #custom-powermenu {
-        color: #bd6069;
-      }
-      #tray {
-        padding-right: 8px;
-        padding-left: 10px;
-      }
-      #tray menu {
-        background: #3b4252;
-        color: #dee2ea;
-      }
-      #mpd.paused {
-        color: rgb(192, 202, 245);
-        font-style: italic;
-      }
-      #mpd.stopped {
-        background: transparent;
-      }
-      #mpd {
-        color: #e4e8ef;
-      }
-      #custom-cava-internal {
-        font-family: "Hack Nerd Font";
+        color: @red;
       }
     '';
     settings = [
       ({
         "layer" = "top";
         "position" = "top";
-        modules-left = [ "custom/flakestat" "hyprland/workspaces" ];
-        modules-center = [ "clock" ];
+        modules-left = [ "custom/flakestat" ];
+        modules-center = [ "hyprland/workspaces" ];
         modules-right =
           [
             (lib.mkIf (withArrhist) "custom/arrhist")
@@ -183,6 +164,7 @@ in
             "cpu"
             "tray"
             (lib.mkIf (withBattery) "battery")
+            "clock"
           ];
         "hyprland/workspaces" = {
           "format" = "{name}";