From c30ea945b2c43d89a0cc7a1b9064131a7daaf673 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Thu, 11 Jul 2024 11:37:27 -0700
Subject: [PATCH] feat: add waybar css

---
 home.nix          |   5 ++-
 waybar/waybar.css | 102 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 105 insertions(+), 2 deletions(-)
 create mode 100644 waybar/waybar.css

diff --git a/home.nix b/home.nix
index e673c00..06863aa 100755
--- a/home.nix
+++ b/home.nix
@@ -41,6 +41,7 @@
     eza # A modern replacement for ‘ls’
     fzf # A command-line fuzzy finder
     oh-my-posh
+    bat
 
     # networking tools
     mtr # A network diagnostic tool
@@ -216,14 +217,13 @@
       "float,class:^(org.kde.dolphin)$,title:^(Progress Dialog — Dolphin)$"
       "float,class:^(org.kde.dolphin)$,title:^(Copying — Dolphin)$"
       "float,title:^(Picture-in-Picture)$"
-      "float,class:^(firefox)$,title:^(Library)$"
+      "float,class:^(librewolf)$,title:^(Library)$"
       "float,class:^(vlc)$"
       "float,class:^(kvantummanager)$"
       "float,class:^(qt5ct)$"
       "float,class:^(qt6ct)$"
       "float,class:^(nwg-look)$"
       "float,class:^(org.kde.ark)$"
-      "float,class:^(Signal)$ # Signal-Gtk"
       "float,class:^(com.github.rafostar.Clapper)$ # Clapper-Gtk"
       "float,class:^(app.drey.Warp)$ # Warp-Gtk"
       "float,class:^(net.davidotek.pupgui2)$ # ProtonUp-Qt"
@@ -352,6 +352,7 @@
         };
       };
     };
+    style = ./waybar/waybar.css;
   };
 
   programs.zoxide = {
diff --git a/waybar/waybar.css b/waybar/waybar.css
new file mode 100644
index 0000000..3c7f895
--- /dev/null
+++ b/waybar/waybar.css
@@ -0,0 +1,102 @@
+* {
+  font-size: 10px;
+}
+
+window#waybar {
+  border-bottom: 0px solid #ffffff;
+  background: transparent;
+  transition-property: none;
+  transition-duration: 0s;
+}
+
+#workspaces {
+  background: @bg;
+  padding: 0px 2px 0px 2px;
+  margin: 0px 0px 0px 5px;
+  border-radius: 5px;
+}
+
+#workspaces {
+  background: @bg;
+  padding: 0px 5px 0px 5px;
+  margin: 0px 0px 0px 5px;
+  border-radius: 5px;
+}
+
+#workspaces button,
+#workspaces button:hover {
+  padding: 0;
+  background-color: @bg;
+  /* color: @color4; */
+}
+#workspaces button.active,
+#workspaces button:hover {
+  /* color: @color8; */
+}
+
+#clock,
+#pulseaudio,
+#network,
+#battery,
+#tray,
+#mpris,
+#cpu,
+#memory,
+#temperature,
+#custom-weather,
+#window,
+#backlight {
+  background-color: @bg;
+  /* color: @color4; */
+  opacity: 1;
+  border-radius: 5px;
+  padding: 1px 10px 1px 10px;
+  margin: 0px 5px 0px 0px;
+}
+#backlight {
+  margin-right: 0px;
+  padding-right: 3px;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+#mpris {
+  padding-left: 0px;
+  margin-left: 0px;
+  margin-right: 5px;
+  padding-right: 0px;
+}
+#pulseaudio {
+  padding-left: 5px;
+  padding-right: 5px;
+  margin-left: 0px;
+  margin-right: 5px;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+#memory,
+#cpu {
+  margin-right: 0px;
+  padding-right: 2px;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+  border-right-width: 0px;
+}
+#memory,
+#battery {
+  margin-left: 0px;
+  padding-left: 2px;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  border-left-width: 0px;
+}
+#battery {
+  padding-right: 13px;
+}
+#custom-weather {
+  margin-right: 0px;
+}
+
+#window {
+  margin-right: 0px;
+  margin-left: 0px;
+}