Version 0.1.0

2025-11-13 14:15:48 +00:00
parent daa7360b56
commit 292b8e9372
45 changed files with 3728 additions and 0 deletions
--- a/home-manager/20_waybar/02_style.nix
+++ b/home-manager/20_waybar/02_style.nix
@@ -0,0 +1,192 @@
+{ config, pkgs, ... }:
+
+{
+    home.file.".config/waybar/style.css".text = ''
+      /*
+      ──────────────────────────────────────────────────────────────────────────
+      °˖* ૮(  • ᴗ ｡)っ🍸  pewdiepie/archdaemon/dionysh  shhheersh
+      Waybar CSS styling
+      vers. 1.0-nix
+      ──────────────────────────────────────────────────────────────────────────
+      */
+
+      /* === Base Waybar Styling =============================================== */
+        waybar * {
+          border: 4px;
+          border-radius: 4px;
+          min-height: 0;
+          font-family: "JetBrainsMono Nerd Font";
+          font-size: 14px;
+        }
+
+        #waybar {
+          background-color: #3b4252;
+          border-radius: 2px;
+          opacity: 0.95;
+        }
+
+        window#waybar {
+          background: #282c34;
+          transition-property: background-color;
+          transition-duration: 0.5s;
+          color: #9cdef2;
+          border: 3px solid #61afef;
+          border-left: 3px solid #56b6c2;
+          border-right: 3px solid #56b6c2;
+        }
+
+      /* === Workspaces ======================================================== */
+        #workspaces {
+          background-color: transparent;
+          padding-left: 40px;
+        }
+
+        #workspaces button {
+          all: initial;
+          min-width: 0;
+          box-shadow: inherit;
+          padding: 6px 6px;
+          margin: 6px 3px;
+          border-radius: 4px;
+          background-color: #2e3440;
+          color: #56b6c2;
+        }
+
+        #workspaces button.active {
+          color: #fab387;
+          background-color: #56b6c2;
+        }
+
+        #workspaces button:hover {
+          color: #2e3440;
+          background-color: #56b6c2;
+        }
+
+      /* === Default Module Container Styling ================================== */
+        #custom-microphone, #bluetooth, #custom-bluetooth, #custom-brightness,
+        #custom-volume, #custom-battery, #custom-power, #custom-asus-profile,
+        #network, #battery, #pulseaudio, #backlight, #custom-vpn, #clock,
+        #tray {
+          padding: 6px 12px;
+          margin: 6px 6px;
+          background-color: #292d35;
+          border: 2px solid #61afef;
+          border-radius: 2px;
+        }
+
+      /* === Audio ============================================================= */
+        #pulseaudio.muted {
+          background-color: #f38ba8;
+          color: #1e1e2e;
+        }
+
+      /* === Bluetooth ========================================================= */
+        #bluetooth.disabled {
+          color: #fab387;
+        }
+
+        #custom-bluetooth {
+          color: #56b6c2;
+          transition: color 0.2s ease-in-out;
+        }
+
+      /* === Network =========================================================== */
+        #network.disconnected {
+          background-color: #e06c75;
+          color: #1e1e2e;
+        }
+
+      /* === Clock ============================================================= */
+        #clock {
+          font-weight: bold;
+          font-size: 12px;
+          color: #fab387;
+        }
+
+      /* === Asus Profile ====================================================== */
+        #custom-asus-profile {
+          font-weight: bold;
+          font-size: 12px;
+          color: #e5c07b;
+        }
+
+      /* === VPN =============================================================== */
+        #custom-vpn {
+          font-weight: bold;
+          font-size: 12px;
+        }
+
+      /* === Battery =========================================================== */
+        #custom-battery {
+          border-radius: 2px;
+          font-weight: normal;
+        }
+
+        /* 🔴 Critical */
+          #custom-battery .battery-critical {
+            background-color: #bf616a;
+            color: white;
+            padding: 2px 6px;
+            border-radius: 6px;
+            font-weight: bold;
+          }
+
+        /* 🟠 Warning */
+          #custom-battery .battery-warning {
+            background-color: #fab387;
+            color: #2e3440;
+            padding: 2px 6px;
+            border-radius: 6px;
+          }
+
+        /* 🟢 Normal */
+          #custom-battery .battery-normal {
+            color: #ffffff;
+          }
+
+      /* === Brightness ======================================================== */
+        #backlight {
+          background-color: #3b4252;
+        }
+      /* === Tray ============================================================== */
+        #tray {
+          padding: 4px 8px;
+          background-color: #1e1e2e;
+        }
+      /* === Custom Workspace Labels =========================================== */
+        #custom-work-left, #custom-work-right {
+          padding: 6px 6px;
+          margin: 6px 3px;
+        }
+
+        #custom-workspace-1:hover, #custom-workspace-2:hover, 
+        #custom-workspace-3:hover,
+        #custom-workspace-4:hover {
+          color: #fab387; 
+          transition: all 0.2s ease-in-out;
+        }
+
+      /* === Hover Effects ===================================================== */
+        /* Unified look for all interactive modules                           */
+        #custom-microphone:hover, #custom-volume:hover, #pulseaudio:hover,
+        #network:hover, #custom-vpn:hover, #bluetooth:hover,
+        #custom-bluetooth:hover, #custom-power:hover, #custom-asus-profile:hover,
+        #custom-battery:hover, #battery:hover, #backlight:hover,
+        #custom-brightness:hover, #clock:hover, #tray:hover {
+          background-color: #4c566a;
+          border: 2px solid #56b6c2;
+          color: #56b6c2;
+          transition: all 0.2s ease-in-out;
+        }
+      /* === Tooltips ========================================================== */
+        tooltip {
+          color: #56b6c2;
+          background-color: #3b4252;
+          border: 1px solid #56b6c2;
+          font-weight: bold;
+        }
+        tooltip label {
+          color: #78bec7;
+        }
+  '';
+}